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

(Не путать с Xunit , популярной библиотекой модульного тестирования .Net.) Сегодня в порыве скуки я начал инспектировать Gmails DOM (да, мне было очень скучно). Все выглядело довольно просто, пока я не заметил интересную спецификацию ширины определенных элементов. Знаменитые Googlites указали количество столбцов таблицы, используя редкую единицу ex. width: 22ex; Сначала …

87 css  specifications  units-of-measurement 

Скажем, у меня есть <div class="myDiv">Hi there</div> Я хочу поставить background-imageи дать ему opacityиз 0.5- но я хочу , что текст , который я написал будет иметь полную непрозрачность ( 1). Если бы я написал такой CSS .myDiv { opacity:0.5 } все будет с низкой непрозрачностью - а я этого …

87 html  css  background  background-image 

У меня особенная и неприятная проблема. Для простой разметки: <table> <thead> <tr><th>1</th><th>2</th><th>3</th></tr> </thead> <tbody> <tr><td>a</td><td>b></td><td>c</td></tr> <tr class='odd'><td>x</td><td>y</td><td>z</td></tr> </tbody> </table> Я применяю разные значения цвета фона к нечетным элементам thead , tr и tr . Проблема в том, что в большинстве браузеров каждая ячейка имеет нежелательную границу, которая не соответствует цвету …

87 html  css  html-table 

Код здесь: http://lasers.org.ru/vs/example.html Как убрать пустое место под основным блоком (# страница)?

87 css 

Я использую вложенные счетчики и область видимости для создания упорядоченного списка: 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> <ol> <li>two.one</li> <li>two.two</li> <li>two.three</li> </ol> <li>three</li> <ol> <li>three.one</li> <li>three.two</li> <ol> <li>three.two.one</li> <li>three.two.two</li> </ol> </ol> …

87 html  css  html-lists 

Многие инструменты / API предоставляют способы выбора элементов определенных классов или идентификаторов. Также можно проверить необработанные таблицы стилей, загруженные браузером. Однако для того, чтобы браузеры отображали элемент, они компилируют все правила CSS (возможно, из разных файлов таблиц стилей) и применяют их к элементу. Это то, что вы видите в Firebug …

87 javascript  css 

Мне нужна ссылка, которая ничего не делает. Я не хочу этого: <a href="#"> потому что тогда URL-адрес становится something.com/whatever/#. Единственная причина, по которой мне нужна ссылка, - это чтобы пользователь мог видеть, что он может щелкнуть текст. JavaScript используется для выполнения некоторых действий, поэтому мне не нужно никуда идти по …

87 html  css 

У меня есть такой класс ползунка, и я хочу изменить атрибут стиля 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 id="percentage" class="range" type="range" value="14" name="percentage" min="0" max="100"> <p id="percent-label">%</p> </div> </div> Я пробовал, $('.handle').css({'style':'left: 300px'})но не работает. Не уверен, …

87 javascript  jquery  css 

Есть ли в CSS псевдокласс для указания :not(:hover) Или это единственный способ указать элемент, который не зависает? Я просмотрел несколько ссылок на CSS3 и не нашел упоминания о псевдоклассе CSS, который бы указывал противоположность: hover.

87 css  css-selectors  pseudo-class 

Скажем, у меня есть два блока div рядом друг с другом (возьмите https://chrome.google.com/webstore/category/home в качестве ссылки) с рамкой. Есть ли способ (желательно трюк с CSS), чтобы мои div не выглядели как двойные границы? Взгляните на это изображение, чтобы лучше понять, что я имею в виду: Вы можете видеть, что там, …

87 css 

Я пытаюсь сделать кнопку так, чтобы, когда пользователь нажимает на нее, она меняет свой стиль, пока кнопка мыши удерживается. Я также хочу, чтобы он изменил свой стиль аналогичным образом, если его коснутся в мобильном браузере. Для меня казалось очевидным использовать псевдокласс CSS: active, но это не сработало. Я попробовал: focus, …

87 javascript  jquery  html  css  mobile 

В исходном коде веб-сайта я иногда видел, как разработчики используют этот remмодуль. Это похоже на em? Я попробовал посмотреть, что он делает на самом деле, но что это относительно? Демо HTML <div>Hello <p>World</p></div> CSS div { font-size: 1.4rem; } div p { font-size: 1.4rem; }

87 css 

Я хотел бы изменить способ отображения списка различных опций моего списка данных. Можно ли применить к нему какие-то свойства CSS? <input list="languages" id="language_id"> <datalist id="languages"> <option value="html">HTML</option> <option value="java">Java</option> <option value="perl">Perl</option> <option value="php">PHP</option> <option value="ruby-on-rails">Ruby on Rails</option> </datalist> Я старался option { background: red; } но похоже, что это не …

87 css  html  option  html-datalist 

Как получить фиксированный верхний колонтитул, нижний колонтитул с прокручиваемым содержимым? Что-то вроде этой страницы . Я могу посмотреть исходный код, чтобы получить CSS, но я просто хочу знать минимум CSS и HTML, который мне нужен, чтобы это работало.

87 html  css 

Я делаю сайт администратора Django, используя версию для разработки Django Но у него нет стиля CSS: А что я могу сделать? благодаря

87 css  django  admin