Вопросы с тегом «css»

В CSS, как я могу сделать что-то вроде этого: width: 100% - 100px; Я предполагаю, что это довольно просто, но немного сложно найти примеры, показывающие это.

153 html  css 

Есть ли способ запретить пользователю видеть призрак изображения, которое он пытается перетащить (не забота о безопасности изображений, а опыт). Я попробовал это, что устраняет проблему с синим выделением текста и изображений, но не с призрачным изображением: img { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } (Я …

153 javascript  html  css 

Используя Firefox, вы можете увеличить всю веб-страницу, просто нажав CTRL +. Это пропорционально увеличивает всю веб-страницу (шрифты, изображения и т. Д.). Как я могу повторить ту же функциональность, используя просто CSS? Есть ли что-то подобное page-size: 150%(что увеличило бы целые части страницы на x%?)

153 html  css  resize 

TL; DR: Есть ли что-то похожее table-layout: fixedна CSS-сетки? Я попытался создать календарь на год с большой сеткой 4x3 для месяцев и вложенными сетками 7x6 для дней. Календарь должен заполнить страницу, поэтому контейнер годовой сетки получает ширину и высоту 100% каждый. .year-grid { width: 100%; height: 100%; display: grid; grid-template: …

153 css  grid-layout  css-grid 

Закрыто . Этот вопрос должен быть более сфокусированным . В настоящее время он не принимает ответы. Закрыто 2 года назад . Locked . Этот вопрос и его ответы заблокированы, потому что вопрос не по теме, но имеет историческое значение. В настоящее время он не принимает новые ответы или взаимодействия. Когда …

152 javascript  html  css 

У меня есть следующий HTML: <div class="title"> <span>Cumulative performance</span> <span>20/02/2011</span> </div> с этим CSS: .title { display: block; border-top: 4px solid #a7a59b; background-color: #f6e9d9; height: 22px; line-height: 22px; padding: 4px 6px; font-size: 14px; color: #000; margin-bottom: 13px; clear:both; } Если вы проверите это jsFiddle: http://jsfiddle.net/8JwhZ/ Вы можете видеть, что Имя …

152 html  css 

Я использую CSS-стиль text-align для выравнивания содержимого внутри контейнера в HTML. Это прекрасно работает, когда содержимое текстовое или браузер IE. Но в остальном это не работает. Также, как следует из названия, он используется в основном для выравнивания текста. Свойство align давно устарело. Есть ли другой способ выровнять содержимое в HTML?

152 html  css  text-align 

Я работаю над составлением жидкой таблицы стилей, и она прекрасно работает. Одна вещь, которую я заметил, это то, что размер окна моего браузера в Chrome не будет меньше 400 пикселей, он просто застревает там, а в FF, когда я уменьшаю его, он просто останавливается на отметке 400 пикселей, а затем …

151 html  css  layout  liquid-layout 

Среди других текстовых и наглядных пособий по отправке формы, после проверки, я окрашиваю свои поля ввода в красный, чтобы обозначить интерактивную область, требующую внимания. В Chrome (и для пользователей панели инструментов Google) функция автозаполнения перекрашивает мои формы ввода в желтый. Вот сложная проблема: я хочу, чтобы автозаполнение было разрешено в …

151 css  validation  google-chrome  html-input 

У меня проблема с тем, чтобы этот plunkr (select2 + angulat-ui) работал. http://plnkr.co/edit/NkdWUO?p=preview В локальной настройке я получаю работу select2, но я не могу установить ширину, как описано в документации . Это слишком узко, чтобы использовать. Спасибо. РЕДАКТИРОВАТЬ: Неважно, что plnkr, я нашел здесь рабочую скрипку http://jsfiddle.net/pEFy6/ Похоже, что это …

151 css  twitter-bootstrap  angularjs  jquery-select2 

Я хочу реализовать раскрывающееся меню начальной загрузки Twitter, вот мой код: <span class="dropdown"> <a href="#menu1" class="dropdown-toggle" data-toggle="dropdown" ><img class="left" src="/static/img/topmenu_preferences.png" /><b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">a</a></li> <li><a href="#">b</a></li> <li><a href="#">c</a></li> <li class="divider"></li> <li><a href="#">d</a></li> </ul> Раскрывающийся список работает хорошо, мой раскрывающийся список помещается рядом с правым краем экрана, и когда …

151 html  css  twitter-bootstrap 

В настоящее время я редактирую файл .css внутри Visual Studio 2012 (в режиме отладки). Я использую Chrome в качестве браузера. Когда я вносю изменения в файл .css моего приложения в Visual Studio и сохраняю, обновление страницы не загружается с обновленными изменениями в моем файле .css. Я думаю, что файл .css …

151 css  visual-studio  google-chrome  caching 

У меня есть этот div: <div style='overflow:scroll; width:400px;height:400px;'>here is some text</div> Полосы прокрутки всегда видны, даже если текст не переполняется. Я хочу, чтобы полосы прокрутки были видны только тогда, когда это необходимо, то есть только тогда, когда в поле достаточно текста, чтобы они были нужны. Как текстовая область делает. Как …

151 css  html  scrollbar 

Как применить стиль к пустому полю ввода? Если пользователь вводит что-то в поле ввода, стиль больше не применяется. Возможно ли это в CSS? Я пробовал это: input[value=""]

151 css  input  css-selectors 

У меня есть немного CSS, который при наведении, эффект перехода CSS будет перемещать div. Проблема, как вы можете видеть в этом примере, заключается в том, что translateпереход имеет ужасный побочный эффект: изображение в div перемещается на 1 пиксель вниз / вправо (и, возможно, немного изменить размер?), Так что оно выглядит …

150 css  image  hover  positioning  translate-animation