Я знаю, что могу настроить таргетинг на элементы, которые имеют определенный атрибут в CSS, например: input[type=text] { font-family: Consolas; } Но возможно ли нацелить элементы, у которых есть атрибут любого значения (кроме ничего, т.е. когда атрибут не был добавлен к элементу)? Примерно что-то...
У меня есть div (#wrapper), содержащий 2 блока, стоящих рядом. Я хотел бы, чтобы правый div был выровнен по вертикали. Я пробовал vertical-align: middle на моей основной обертке, но это не работает. Это сводит меня с ума! Надеюсь, кто-то может помочь. http://cssdesk.com/LWFhW HTML: <div...
Можно ли получить многоуровневое выпадающее меню с помощью элементов twitter bootstrap 2? В исходной версии этой функции нет.
В настоящее время я работаю над мобильной целевой страницей для компании. Это действительно базовый макет, но под заголовком есть изображение продукта, которое всегда будет иметь 100% ширину (дизайн показывает, что оно всегда идет от края к краю). Очевидно, что в зависимости от ширины экрана...
Как точно распределить медиа-запросы, чтобы избежать дублирования? Например, если мы рассмотрим код: @media (max-width: 20em) { /* for narrow viewport */ } @media (min-width: 20em) and (max-width: 45em) { /* slightly wider viewport */ } @media (min-width: 45em) { /* everything else */ } Что будет...
У меня есть таблица html table-layout: fixedи td с установленной шириной. Столбец по-прежнему расширяется, чтобы вместить текст, не содержащий пробелов. Есть ли способ исправить это, кроме как обернуть содержимое каждого td в div? Пример: http://jsfiddle.net/6p9K3/29/ <table> <tbody>...
Как использовать для ввода значок поиска в Font Awesome? У меня есть функция поиска на моем сайте (на основе PHPmotion), которую я хочу использовать для поиска. Вот код: <div id="search-bar"> <form method="get" action="search.php" autocomplete="off" name="form_search"> <input...
EDITED: Может быть, мне следует спросить, какой селектор устанавливает боковые отступы, когда экран уменьшается до ширины ниже 480 пикселей? Некоторое время я просматривал bootstrap-responseiveness.css, чтобы найти это, но, похоже, на это ничего не влияет. Оригинал Я в основном хочу удалить любые...
У меня есть div, в котором будет этот CSS: #some_kind_of_popup { position: fixed; top: 100px; min-height: 300px; width: 90%; max-width: 900px; } Теперь, как я могу сделать этот div центрированным? Я могу использовать, margin-left: -450px; left: 50%;но это будет работать, только если экран> 900...
У меня есть форма с некоторыми текстовыми полями, и я хочу поместить курсор (автофокус) в первое текстовое поле формы при загрузке страницы. Я хочу сделать это без использования javascript....
что -webkit-transform: translate3d(0,0,0); именно делает? Есть ли проблемы с производительностью? Просто применить его к телу или отдельным элементам? Кажется, это значительно улучшает события прокрутки. Спасибо за урок!...
Я пытаюсь сделать полупрозрачный div, покрывающий весь экран. Я пробовал это: #dimScreen { width: 100%; height: 100%; background:rgba(255,255,255,0.5); } Но это не покрывает весь экран, а покрывает только область внутри div....
Я пытаюсь стилизовать числа в упорядоченном списке, я хотел бы добавить цвет фона, радиус границы и цвет, чтобы они соответствовали дизайну, над которым я работаю: Я думаю, это невозможно, и мне придется использовать разные изображения для каждого числа, т.е. ol li:first-child...
То, как это формулирует w3schools , звучит одинаково. Справочник W3Schools по CSS div + p Выбирает все <p>элементы, которые помещаются сразу после <div>элементов div ~ p Выбирает каждый <p>элемент, которому предшествует <div>элемент Если <p>элемент находится сразу...
imgwith srcsetattribute выглядит как отличный способ создания адаптивных изображений. Есть ли эквивалентный синтаксис, который работает в background-imageсвойстве css ? HTML <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"> CSS .mycontainer { background:...
Я пытаюсь привязать src изображения к элементу, но, похоже, это не работает. Я получаю сообщение «Недопустимое выражение. Созданное тело функции: {backgroundImage: {url (image)}». В документации говорится, что можно использовать «футляр для кебаба» или «футляр для верблюда». <div...
Я хочу создать учебное пособие, которое приведет пользователя именно к тому, куда нужно щелкнуть. Я стараюсь , чтобы покрыть весь экран с <div>которой тускнеет все элементы , кроме в конкретной области , которая находится в фиксированном width, height, topи left. Проблема в том, что я не...
Мне интересно, почему браузер показывает двойные открытые кавычки только для первого элемента. Вместо этого второй элемент заключен в одинарные кавычки. a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a...
Моя единственная проблема состоит в том, чтобы выровнять их по три и иметь равные промежутки. Очевидно, промежутки не могут иметь ширину, а блоки div (и промежутки с display: block) не отображаются горизонтально рядом друг с другом. Предложения? <div style='width:30%; text-align:center;...
В спецификации HTML говорится Жетоны ID и NAME должны начинаться с буквы ([A-Za-z]) и могут сопровождаться любым количеством букв, цифр ([0-9]), дефисами ("-"), подчеркиванием ("_"). , двоеточия (":") и точки ("."). И хотя в объявлении SGML HTML 4 для NAMELEN используется значение 65536, в нем...