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

Можно ли вообще отключить коллапс маржи? Единственные решения, которые я нашел (под названием «uncollapsing»), влекут за собой использование 1px border или 1px padding. Я считаю это неприемлемым: посторонний пиксель усложняет вычисления без веской причины. Есть ли более разумный способ отключить это сокращение полей?

203 css  margin  collapse 

Допустим, у меня есть этот HTML: <h3>Features</h3> <ul> <li><img src="alphaball.png">Smells Good</li> <li><img src="alphaball.png">Tastes Great</li> <li><img src="alphaball.png">Delicious</li> <li><img src="alphaball.png">Wholesome</li> <li><img src="alphaball.png">Eats Children</li> <li><img src="alphaball.png">Yo' Mama</li> </ul> и этот CSS: li { text-align:center; display:inline-block; padding:0.1em 1em } img { width:64px; display:block; margin:0 auto } Результат можно увидеть здесь: http://jsfiddle.net/YMN7U/1/ Теперь представьте, что …

202 html  css 

Как правильно сделать текст курсивом? Я видел следующие четыре подхода: <i>Italic Text</i> <em>Italic Text</em> <span class="italic">Italic Text</span> <span class="footnote">Italic Text</span> <i> Это «старый путь». <i>не имеет смыслового значения и передает только презентационный эффект выделения текста курсивом. Насколько я вижу, это явно неправильно, потому что это не семантическое. <em> Это использует …

202 html  css  semantic-markup 

Я хотел бы потушить элемент (изменив его непрозрачность на 0), а затем, когда закончите, удалить элемент из DOM. В jQuery это просто, так как вы можете указать «Удалить», которое должно произойти после завершения анимации. Но если я хочу анимировать с помощью CSS3-переходов, есть ли способ узнать, когда переход / анимация …

202 javascript  jquery  css 

На Firefox 28 я использую <input type="number">отлично работает, потому что он отображает цифровую клавиатуру на полях ввода, которые должны содержать только цифры. В Firefox 29 при использовании числовых входов в правой части поля отображаются кнопки прокрутки, что выглядит как дерьмо в моем дизайне. Мне действительно не нужны кнопки, потому что …

202 jquery  css  firefox  input  spinner 

Вот мой HTML: <select id="ddlProducts" name="ddProducts"> <option>Product1 : Electronics </option> <option>Product2 : Sports </option> </select> Я хочу сделать название продукта (то есть «Product1», «Product2» и т. Д.) Жирным, а его категории (например, электроника, спорт и т. Д.) Курсивом, используя только CSS. Я нашел старый вопрос, в котором говорилось, что невозможно …

202 html  css  drop-down-menu 

Я уверен, что есть простое решение этой проблемы. В принципе, если у меня есть два столбца, как я могу добавить пробел между ними? например, если HTML это: <div class="col-md-6"></div> <div class="col-md-6"></div> Выводом будет просто два столбца рядом друг с другом, занимающие всю ширину страницы. Скажем, ширина была установлена, чтобы 1000pxкаждый …

202 html  css  twitter-bootstrap-3  grid-layout 

У меня есть следующий код: <span> <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;"> <desc></desc> <defs/> <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/> </svg>  </span> Можно ли изменить цвет заливки пути SVG с помощью CSS или каким-либо другим способом, фактически не меняя его внутри тега пути?

202 css  svg 

Как изменить указатель курсора на руку , когда моя мышь идет больше <tr>в а<table> <table class="sortable" border-style:> <tr> <th class="tname">Name</th><th class="tage">Age</th> </tr> <tr><td class="tname">Jennifer</td><td class="tage">24</td></tr> <tr><td class="tname">Kate</td><td class="tage">36</td></tr> <tr><td class="tname">David</td><td class="tage">25</td></tr> <tr><td class="tname">Mark</td><td class="tage">40</td></tr> </table>

201 html  css  cursor 

Может ли упорядоченный список привести к результатам, которые выглядят как 1.1, 1.2, 1.3 (вместо 1, 2, 3, ...) с CSS? Пока что использование list-style-type:decimalдало только 1, 2, 3, а не 1.1, 1.2., 1.3.

201 html  css 

Я пытался стилизовать fieldsetэлемент с помощью display: flexи display: inline-flex. Тем не менее, это не сработало: flexвел себя как blockи inline-flexвел себя как inline-block. Это происходит как в Firefox, так и в Chrome, но странным образом это работает в IE. Это ошибка? Я не мог найти, что fieldsetдолжно иметь какое-то …

201 html  css  flexbox 

У меня есть контейнер div и я определил его стиль следующим образом: div#tbl-container { width: 600px; overflow: auto; scrollbar-base-color:#ffeaff } Это дает мне горизонтальные и вертикальные полосы прокрутки автоматически после заполнения таблицы, содержащейся в этом элементе div. Я просто хочу, чтобы только горизонтальные полосы прокрутки появлялись автоматически. Я изменю высоту …

200 css  html 

Я знаю, что могу установить значение CSS через JavaScript, например: document.getElementById('image_1').style.top = '100px'; Но можно ли получить текущее конкретное значение стиля? Я прочитал, где я могу получить весь стиль для элемента, но я не хочу анализировать всю строку, если мне не нужно.

200 javascript  css 

Если у меня есть тег заголовка <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } и после этого у меня есть параграф <p>stuff here</p>. Как я могу гарантировать использование CSS для использования каждого <p>тега, следующего за h1.hc-reform:clear:both; это будет: h1.hc-reform > p{ clear:both; } по какой-то причине это не …

200 html  css  css-selectors  siblings 

Если два inline-block divэлемента имеют разную высоту, почему короткие два не совпадают с верхом контейнера? ( ДЕМО ): .container { border: 1px black solid; width: 320px; height: 120px; } .small { display: inline-block; width: 40%; height: 30%; border: 1px black solid; background: aliceblue; } .big { display: inline-block; border: 1px …

200 css