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

CSS (каскадные таблицы стилей) - это язык таблиц стилей представления, используемый для описания внешнего вида и форматирования документов HTML (язык разметки гипертекста), XML (расширяемый язык разметки) и элементов SVG, включая (но не ограничиваясь) цвета, макет, шрифты, и анимации. Также описывается, как элементы должны отображаться на экране, на бумаге, в речи или на других носителях.

11
Можно ли рассчитать ширину области просмотра (vw) без полосы прокрутки?
Как упоминалось в заголовке, возможно ли вычислить vwбез полос прокрутки только в css? Например, мой экран имеет ширину 1920px. vwвозвращается 1920px, отлично. Но моя реальная ширина тела примерно такая 1903px. Есть ли способ получить 1903pxзначение только с помощью css (не только для прямых дочерних элементов body), или мне абсолютно необходим …
8
Как центрировать вкладки начальной загрузки twitter на странице?
Я использую twitter bootstrap для создания переключаемых вкладок. Вот css, который я использую: <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> Этот HTML-код правильно отображает вкладки, но смещен влево (что и должно было случиться). Я попытался повозиться с CSS, …
10
высота строки в процентах не работает
У меня проблема с высотой строки, которую я не могу понять. Следующий код будет центрировать изображение внутри div: CSS .bar { height: 800px; width: 100%; line-height:800px; background-color: #000; text-align: center; } .bar img { vertical-align: middle; } HTML <div class="bar"> <img src="http://27.media.tumblr.com/yHWA4oxH870ulxnoH7CkOSDR_500.jpg" alt="Foo Image" /> </div> Однако, если я изменю …
87 css 
9
Два встроенных блочных элемента шириной 50% каждый не помещаются бок о бок в один ряд
<!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> </head> <body> <div id="left">Left</div> <div id="right">Right</div> </body> </html> JSFiddle: http://jsfiddle.net/5EcPK/ Приведенный выше код пытается разместить div #left и …
87 html  css 
3
Является ли background-position-x (background-position-y) стандартным свойством CSS W3C?
Меня беспокоит background-position-xи background-position-y. Gecko (Firefox) и Presto (Opera) их не поддерживают, но Webkit (Chrome, Safari) поддерживает ... Кто-нибудь знает (с официальными ссылками), если это (или будет) включено в стандарт?
13
Создание эффекта масштабирования изображения при наведении с помощью CSS?
В настоящее время я пытаюсь создать эффект масштабирования при наведении курсора на одно из четырех моих изображений. Проблема в том, что в большинстве примеров обычно используются таблицы или блоки масок для применения какого-либо эффекта. Вот один пример , который реализует то , что я хотел бы это . Это мой …
87 html  class  css 
6
Щелкните текст, чтобы выбрать соответствующий переключатель
Я создаю веб-приложение викторины с использованием PHP. Каждый вопрос состоит из отдельных <label>и имеет 4 возможных варианта radio buttonsответа , которые позволяют пользователю выбрать свой ответ. Текущий HTML-код для одного вопроса выглядит так: <label for="349">What is my middle name?</label> <br> <input id="349" type="radio" value="1" name="349">Abe <br> <input id="349" type="radio" value="2" …
6
CSS, чтобы остановить перенос текста под изображением
У меня такая разметка: <li id="CN2787"> <img class="fav_star" src="images/fav.png"> <span>Text, text and more text</span> </li> Я хочу, чтобы, если текст переносится, он не попадает в «столбец» изображения. Я знаю, что могу сделать это с помощью table(что я и делал), но по этой причине это не работает . Я безуспешно пробовал …
3
Показать вертикальную полосу прокрутки Div
Мне интересно, как можно постоянно отображать вертикальную полосу div (выделенную серым цветом, если нет прокрутки), аналогичную нашим обычным полосам. В основном я пытаюсь разместить весь веб-сайт в div (например, gmail / facebook), поэтому, если страница недостаточно длинная, вся страница сдвигается из-за отсутствия вертикальной полосы прокрутки. Мне нужно решение этой проблемы. …
87 html  css 
2
Как должен работать CSS «display: table-column»?
Учитывая следующие HTML и CSS, я абсолютно ничего не вижу в своем браузере (Chrome и IE являются последними на момент написания). Все сворачивается до 0x0 пикселей. Зачем? <!DOCTYPE html> <html> <head> <style type="text/css"> section { display: table; height: 100%; background-color: grey; } #colLeft { display: table-column; height: 100%; background-color: green; …
7
Сделайте div, чтобы заполнить оставшуюся ширину
На этот вопрос есть ответы на Stack Overflow на русском : Div. Занять оставшееся место Как я могу заставить div заполнить оставшуюся ширину? <div id="Main" style="width: 500px;"> <div id="div1" style="width: 100px;"></div> <div id="div2"></div> <div id="div3" style="width: 100px; float: right;"></div> </div> Как мне div2пополнить остаток?
87 html  css 
3
Иконочные шрифты: как они работают?
Я понимаю, что шрифты значков - это просто шрифты, и вы можете получить значки, просто назвав их имя класса, но как работают шрифты значков? Я попытался проверить связанные ресурсы шрифтов значков, загруженные в Chrome, чтобы увидеть, как шрифты значков отображают значки (по сравнению с обычными шрифтами), но я не смог …
87 css  web  fonts  icons  icon-fonts 
5
Самый простой CSS для «красных» уведомлений в стиле Facebook
Мне нужно уведомление в стиле facebook, но получить что-то, что хорошо выглядит в кросс-браузере, кажется сложным. Например, разные браузеры по-разному обрабатывают отступы, что приводит к странному виду уведомлений. Как лучше всего обеспечить удобное отображение уведомлений в разных браузерах? Не против использования javascript, но чистый css, конечно, предпочтительнее
5
Делаем фон текста прозрачным, но не сам текст
Итак, у меня проблема. Я огляделся и огляделся, но безуспешно. Я хочу сделать фон своего тела прозрачным, но оставить текст непрозрачным. Как и сейчас, я продолжаю делать то же самое непрозрачность. Вот мой код: @charset "utf-8"; body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-color: #42413C; margin: 0; padding: 0; …
87 html  css  text  opacity 
4
Вынести элемент на передний план с помощью CSS
Я не могу понять, как вывести изображения на первый план CSS. Я уже пробовал установить z-index на 1000 и положение относительно, но все равно не удалось. Вот пример- #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner { background: url(http://placekitten.com/150/200) right top no-repeat; } .logo-class { height: 128px; } .content …
87 html  css  z-index  jsfiddle 
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.