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

Я уже пару дней пытаюсь настроить мою галерею эскизов, чтобы все изображения были одинаковой высоты и ширины. Однако, когда я меняю код Css на, max-height: 150px; max-width: 200px; width: 120px; height: 120px; Я получаю изображения одинакового размера, но с растянутым соотношением сторон изображения. нет способа изменить размер контейнера изображения, а …

107 html  css  gallery  lightbox 

Я хочу уменьшить яркость изображения в CSS. Я много искал, но все, что у меня есть, - это изменить непрозрачность, но это делает изображение более ярким. Может кто-нибудь помочь мне ?

107 css 

Интересно, как я могу изменить размер изображения вместе с окном браузера, вот что я сделал до сих пор (или загрузил весь сайт в ZIP-архиве ). Это нормально работает в Firefox, но есть проблемы в Chrome: изображение не всегда изменяется, это так или иначе зависит от размера окна, когда страница была …

107 css  image  browser  resize  window 

У меня есть страница с div, как показано ниже <div id="container"> <div id="A"> </div> <div id="B"> <div id="B1"></div> <div id="B2">B2</div> </div> <div id="C"></div> <div id="D"> </div> </div> со стилем как; html, body { margin: 0; padding: 0; border: 0; } #B, #C, #D { position: absolute; } #A{ top: 0; …

107 css 

я пробовал это но пошло не так вот css body .modal-ku { width: 750px; } и вот неудачный результат

107 html  css  twitter-bootstrap-3 

Я немного position: stickyзациклился на этом и подумал, что поделюсь вот этим + flexbox gotcha: Мой липкий div работал нормально, пока я не переключил свое представление на контейнер flexbox, и внезапно div не стал липким, когда он был заключен в родительский элемент flexbox. .flexbox-wrapper { display: flex; height: 600px; } …

107 css  flexbox  css-position  sticky 

Моя цель - применить CSS к последнему li, но он этого не делает. #refundReasonMenu #nav li:last-child { border-bottom: 1px solid #b5b5b5; } <div id="refundReasonMenu"> <ul id="nav"> <li><a id="abc" href="#">abcde</a></li> <li><a id="def" href="#">xyz</a></li> </ul> </div> Запустить фрагмент кодаСкрыть результатыРазвернуть фрагмент Как выбрать только последнего ребенка?

106 css  css-selectors 

У меня есть небольшая специфическая проблема, которую я сейчас решаю с помощью a table, см. Ниже. По сути, я хочу, чтобы два блока занимали 100% доступной ширины, но занимали ровно столько места по вертикали, сколько необходимо (что на самом деле не так очевидно на картинке). Эти двое должны всегда иметь …

106 html  css  html-table 

Заблокировано . Этот вопрос и ответы на него заблокированы, потому что вопрос не по теме, но имеет историческое значение. В настоящее время он не принимает новые ответы или взаимодействия. Читая на другом форуме, я познакомился с миром CSS Framework. Я специально искал BluePrint . Мне было интересно, сталкивался ли кто-нибудь …

106 css  css-frameworks 

У меня таблица шириной 100%. Если я введу <td>в него s, они распределятся по столбцам равной длины. Однако я хочу, чтобы все столбцы, кроме последнего, имели как можно меньшую ширину без переноса текста. Сначала я установил width="1px"все значения, <td>кроме последнего (хотя и устарел, но style="width:1px"не имел никакого эффекта), и это …

106 html  css  html-table 

Я пытался текст перемещаться в вертикальном направлении, как мы можем сделать в таблицах ms-word, но до сих пор мне удалось сделать только ЭТО ... что меня не устраивает, потому что это повернутая рамка ... Разве ' Есть ли способ иметь текст в вертикальном направлении? В демонстрации я установил только угол …

106 html  css  text  vertical-alignment 

Как сделать так, чтобы элементы моего списка отображались горизонтально в строке с помощью CSS? #div_top_hypers { background-color:#eeeeee; display:inline; } #ul_top_hypers { display: inline; } <div id="div_top_hypers"> <ul id="ul_top_hypers"> <li>‣ <a href="" class="a_top_hypers"> Inbox</a></li> <li>‣ <a href="" class="a_top_hypers"> Compose</a></li> <li>‣ <a href="" class="a_top_hypers"> Reports</a></li> <li>‣ <a href="" class="a_top_hypers"> Preferences</a></li> <li>‣ <a …

106 html  css  html-lists 

У меня есть список, и у меня есть float:left;. Содержимое после <ul>должно быть правильно выровнено. Поэтому я могу построить следующее: http://jsfiddle.net/8unU8/ Я подумал, что могу удалить <div class="clear">с помощью псевдоселекторов, например: after. Но пример не работает: http://jsfiddle.net/EyNnk/ Всегда ли мне нужно создавать отдельный div для очистки плавающих элементов?

106 html  css 

Я хочу создать блок текста, как на следующем рисунке: Вопрос, возможно ли это?

106 html  css 

Я делаю очень продвинутый сайт. Мой вопрос: можно ли выбрать всех остальных детей, кроме :first-childи :last-child? Я знаю, что есть :not()селектор, но он не работает с несколькими, не указанными в скобках. Вот что у меня есть: #navigation ul li:not(:first-child, :last-child) { background: url(images/UISegmentBarButtonmiddle@2x.png); background-size: contain; }

106 html  css  css-selectors