Меня беспокоит background-position-xи background-position-y. Gecko (Firefox) и Presto (Opera) их не поддерживают, но Webkit (Chrome, Safari) поддерживает ... Кто-нибудь знает (с официальными ссылками), если это (или будет) включено в стандарт?...
Я использую вложенные счетчики и область видимости для создания упорядоченного списка: ol { counter-reset: item; padding-left: 10px; } li { display: block } li:before { content: counters(item, ".") " "; counter-increment: item } <ol> <li>one</li> <li>two</li>...
В моем приложении есть модальный диалог, который может быть довольно длинным в направлении y. Это создает проблему, при которой часть содержимого диалогового окна скрывается в нижней части страницы. Я хотел бы, чтобы полоса прокрутки окна прокручивала диалоговое окно, когда оно отображается, и...
У меня такая разметка: <li id="CN2787"> <img class="fav_star" src="images/fav.png"> <span>Text, text and more text</span> </li> Я хочу, чтобы, если текст переносится, он не попадает в «столбец» изображения. Я знаю, что могу сделать это с помощью table(что я и делал),...
Я хочу обернуть текст только двумя строками внутри div определенной ширины. Если текст превышает длину двух строк, я хочу отображать эллипсы. Есть ли способ сделать это с помощью CSS? например Sample text showing wrapping of text in only two line... благодаря...
Скажем, у меня есть два блока div рядом друг с другом (возьмите https://chrome.google.com/webstore/category/home в качестве ссылки) с рамкой. Есть ли способ (желательно трюк с CSS), чтобы мои div не выглядели как двойные границы? Взгляните на это изображение, чтобы лучше понять, что я имею в виду:...
Я хотел бы изменить способ отображения списка различных опций моего списка данных. Можно ли применить к нему какие-то свойства CSS? <input list="languages" id="language_id"> <datalist id="languages"> <option value="html">HTML</option> <option...
В исходном коде веб-сайта я иногда видел, как разработчики используют этот remмодуль. Это похоже на em? Я попробовал посмотреть, что он делает на самом деле, но что это относительно? Демо HTML <div>Hello <p>World</p></div> CSS div { font-size: 1.4rem; } div p { font-size:...
Итак, у меня проблема. Я огляделся и огляделся, но безуспешно. Я хочу сделать фон своего тела прозрачным, но оставить текст непрозрачным. Как и сейчас, я продолжаю делать то же самое непрозрачность. Вот мой код: @charset "utf-8"; body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;...
Я понимаю, что шрифты значков - это просто шрифты, и вы можете получить значки, просто назвав их имя класса, но как работают шрифты значков? Я попытался проверить связанные ресурсы шрифтов значков, загруженные в Chrome, чтобы увидеть, как шрифты значков отображают значки (по сравнению с обычными...
В настоящее время я пытаюсь создать эффект масштабирования при наведении курсора на одно из четырех моих изображений. Проблема в том, что в большинстве примеров обычно используются таблицы или блоки масок для применения какого-либо эффекта. Вот один пример , который реализует то , что я хотел бы...
Я не могу понять, как вывести изображения на первый план CSS. Я уже пробовал установить z-index на 1000 и положение относительно, но все равно не удалось. Вот пример- #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner { background:...
HTML <div> <p>inverted color</p> </div> CSS div { background-color: #f00; } p { color: /* how to use inverted color here in relation with div background ? */ } Есть ли способ инвертировать pцвет с помощью CSS? Существует color: transparent;почему нет color: invert;даже в...
<!DOCTYPE html> <html> <head> <title>Width issue</title> <style type="text/css"> body { margin: 0; } #left { width: 50%; background: lightblue; display: inline-block; } #right { width: 50%; background: orange; display: inline-block; } </style>...
У меня есть такой класс ползунка, и я хочу изменить атрибут стиля style = "left: 336px" <div id="range-cont"> <div class="slider"> <div class="progress" style="width: 350px;"></div> <a class="handle" href="#" **style="left: 336px;"**></a> </div> <input...
Есть ли в CSS псевдокласс для указания :not(:hover) Или это единственный способ указать элемент, который не зависает? Я просмотрел несколько ссылок на CSS3 и не нашел упоминания о псевдоклассе CSS, который бы указывал противоположность: hover....
Вы найдете множество руководств по строкам меню в HTML, но для этого конкретного (хотя IMHO общего) случая я не нашел достойного решения: # THE MENU ITEMS SHOULD BE JUSTIFIED JUST AS PLAIN TEXT WOULD BE # # ^ ^ # Существует разное количество пунктов меню, состоящих только из текста, и макет...
Все, что я хочу, - это иметь возможность изменить цвет маркера в списке на светло-серый. По умолчанию он черный, и я не могу понять, как его изменить. Я знаю, что могу просто использовать изображение; Я бы предпочел не делать этого, если смогу....
Как вы, наверное, уже знаете, у вас может быть несколько классов элементов, разделенных пробелом. пример <div class="content main"></div> А с помощью CSS вы можете настроить это divс помощью .contentили .main. Есть ли способ нацелить его тогда и только тогда, когда присутствуют оба...
Обычная проблема с центрированием CSS, просто не работает для меня, проблема в том, что я не знаю конечную ширину px У меня есть div для всей навигации, а затем каждая кнопка внутри, они больше не центрируются, когда есть более одной кнопки. :( CSS .nav{ margin-top:167px; width:1024px;...