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

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

5
Самый распространенный способ написания HTML-таблицы с вертикальными заголовками?
Привет всем, прошло какое-то время с тех пор, как я кое-что спросил, это то, что меня уже давно беспокоит, сам вопрос в заголовке: Какой способ написания HTML-таблиц с вертикальными заголовками вы предпочитаете? Под вертикальным заголовком я подразумеваю, что таблица имеет <th>тег header ( ) с левой стороны (обычно) Данные данных …
13
Адаптивные таблицы Bootstrap 4 не будут занимать 100% ширины
Я создаю веб-приложение с помощью Bootstrap 4 и сталкиваюсь с некоторыми странными проблемами. Я хочу использовать класс Bootstrap, реагирующий на таблицы, чтобы разрешить горизонтальную прокрутку таблиц на мобильных устройствах. На настольных устройствах таблица должна занимать 100% ширины содержащего DIV. Как только я применяю класс .table-responsive к своей таблице, таблица сжимается …
97 css  bootstrap-4 
3
как скрыть вертикальную полосу прокрутки, когда она не нужна
У меня есть текстовое поле, которое содержится в div, поскольку у меня есть подсказка jquery, и я хотел использовать непрозрачность без изменения границы. Есть видимая вертикальная полоса прокрутки, и я хочу, чтобы она отображалась только тогда, когда я набираю текст в текстовом поле и выходит за пределы контейнера. Я пробовал …
97 html  css  forms 
3
Как создать правило css для всех элементов, кроме одного класса?
Я создал таблицу стилей CSS для своего проекта. Есть ли способ создать правило css, которое применяется ко всем элементам таблицы, ЗА ИСКЛЮЧЕНИЕМ элементов таблицы, принадлежащих классу dojoxGrid? Что-то типа: .not(dojoxGrid) table{ width:100%; border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; margin:1em auto; border-collapse:collapse; }
5
Сделать наложение Div на всю страницу (а не только на область просмотра)?
Итак, у меня есть проблема, которая, как мне кажется, довольно распространена, но мне еще предстоит найти хорошее решение. Я хочу, чтобы оверлейный div покрывал ВСЮ страницу ... НЕ только область просмотра. Я не понимаю, почему это так сложно сделать ... Я пробовал установить body, html heights на 100% и т.д., …
97 html  css 
10
Выровняйте DIV по нижней или базовой линии
Я пытаюсь выровнять дочерний тег div по нижней или базовой линии родительского тега div. Все, что я хочу сделать, это иметь дочерний Div на базовой линии родительского Div, вот как он выглядит сейчас: HTML <div id="parentDiv"> <div class="childDiv"></div> </div> CSS #parentDiv { width:300px; height:300px; background-color:#ccc; background-repeat:repeat } #parentDiv .childDiv { …
97 html  css 
2
Поместите последний гибкий элемент в конец контейнера
Этот вопрос касается браузера с полной поддержкой css3, включая flexbox. У меня есть гибкий контейнер с некоторыми элементами. Все они оправданы для гибкого начала, но я хочу, чтобы последний .end элемент был оправдан для гибкого конца. Есть ли хороший способ сделать это, не изменяя HTML и не прибегая к абсолютному …
97 css  flexbox 
6
Как убрать только подчеркивание с: before?
У меня есть набор стилизованных ссылок, в которых используется :beforeстрелка. Это выглядит хорошо во всех браузерах, но когда я применяю подчеркивание к ссылке, я не хочу, чтобы на :beforeчасти (стрелка) было подчеркивание . См., Например, jsfiddle: http://jsfiddle.net/r42e5/1/ Можно ли это удалить? Стиль тестирования, в котором я сидел, #test p a:hover:beforeдействительно …
10
Как сделать так, чтобы вся область элемента списка на панели навигации отображалась как ссылка?
У меня есть горизонтальная панель навигации, сделанная из неупорядоченного списка, и каждый элемент списка имеет много отступов, чтобы он выглядел красиво, но единственная область, которая работает как ссылка, - это сам текст. Как я могу позволить пользователю щелкнуть в любом месте элемента списка, чтобы активировать ссылку? #nav { background-color: #181818; …
97 html  css  anchor 
4
Как установить полосу прокрутки текстового поля вниз по умолчанию?
У меня есть текстовое поле, которое динамически перезагружается по мере отправки пользовательского ввода. Оно обновляется каждые пару секунд. Когда объем текста в этом текстовом поле превышает размер текстового поля, появляется полоса прокрутки. Однако полосу прокрутки на самом деле нельзя использовать, потому что, если вы начнете прокручивать вниз, через пару секунд …
6
100vw вызывает горизонтальное переполнение, но только если их больше одного?
Скажем, у вас есть это: html, body {margin: 0; padding: 0} .box {width: 100vw; height: 100vh} <div class="box">Screen 1</div> Вы получите то, что заполняет экран, без полос прокрутки. Но добавьте еще: <div class="box">Screen 1</div> <div class="box">Screen 2</div> Вы получаете не только вертикальные полосы прокрутки (как ожидается), но и небольшую горизонтальную …
97 css 
7
Встроенный стиль для работы как: hover в CSS
Я знаю, что встраивание стилей CSS непосредственно в теги HTML, которые они затрагивают, в значительной степени противоречит целям CSS, но иногда это полезно для целей отладки, например: <p style="font-size: 24px">asdf</p> Какой синтаксис для встраивания правила вроде: a:hover {text-decoration: underline;} в атрибут стиля тега A? Очевидно, дело не в этом ... …
97 html  css 
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.