программирование css

4

Почему проценты полей / отступов в CSS всегда рассчитываются по ширине?

Если вы посмотрите на спецификацию блочной модели CSS , вы увидите следующее: Процент [маржа] рассчитывается относительно ширины содержащего блока сгенерированного бокса. Обратите внимание, что это верно и для полей «верхний край» и «нижний край». Если ширина содержащего блока зависит от этого элемента, то результирующий макет не определен в CSS 2.1. …

130 w3c css

4

Twitter Bootstrap: div в контейнере со 100% высотой

Используя twitter bootstrap (2), у меня есть простая страница с панелью навигации, а внутри containerя хочу добавить div со 100% высотой (в нижнюю часть экрана). Мой css-fu заржавел, и я не могу с этим разобраться. Простой HTML: <body> <div class="navbar navbar-fixed-top">  …

129 css twitter-bootstrap height

9

Заставить <body> заполнить весь экран?

Я использую радиальный градиент в качестве фона на своей веб-странице, например: background-image: -webkit-gradient(radial, 100% 100%, 10, 90% 90%, 600, from(#ccc), to(#000)); Это работает, но когда контент не заполняет всю страницу, градиент обрезается. Как сделать так, чтобы <body>элемент всегда заполнял всю страницу?

129 html css radial-gradients

8

Как создать вид сетки / плитки?

Например, у меня есть класс .article, и я хочу видеть этот класс в виде сетки. Итак, я применил этот стиль: .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } В этом стиле .article будет выглядеть мозаично / сеткой. Он отлично работает с фиксированной высотой. Но если я хочу установить высоту автоматически (автоматически …

129 css grid positioning css-float tiles

6

Можно ли скрыть курсор на веб-странице с помощью CSS или Javascript?

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

129 javascript html css

6

Установите вес шрифта с помощью классов Bootstrap

Есть ли какой-либо класс Twitter Bootstrap для font-weight: boldи другие значения font-weight? Я бы не стал создавать новый, если он уже существует в Bootstrap.

129 html css twitter-bootstrap twitter-bootstrap-3

6

Объединить строки в Less

Я думаю, что это невозможно, но я подумал, что спрошу, если есть способ. Идея в том, что у меня есть переменная для пути к папке веб-ресурсов: @root: "../img/"; @file: "test.css"; @url: @root@file; .px { background-image: url(@url); } Получаю вот что: .px { background-image: url("../img/" "test.css"); } Но я хочу, чтобы …

129 css path web less concat

15

CSS text-transform использовать все заглавные буквы

Вот мой HTML: <a href="#" class="link">small caps</a> & <a href="#" class="link">ALL CAPS</a> Вот мой CSS: .link {text-transform: capitalize;} Результат: Small Caps & ALL CAPS и я хочу, чтобы результат был: Small Caps & All Caps Любые идеи?

129 css

10

Изменить цвет фона параметра поля выбора

У меня есть selectполе, и я пытаюсь изменить цвет фона параметров, когда на selectполе щелкнули и отображаются все параметры. См. Скрипку HTML: <select> <option val="">Please choose</option> <option val="1">Option 1</option> <option val="2">Option 2</option> <option val="3">Option 3</option> <option val="4">Option 4</option> </select> CSS: select{ margin:40px; background: rgba(0,0,0,0.3); color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.4); }

129 html css html-select background-color

25

Как добавить «активный» класс в Html.ActionLink в ASP.NET MVC

Я пытаюсь добавить «активный» класс к моей панели навигации начальной загрузки в MVC, но следующее не показывает активный класс, когда написано так: <ul class="nav navbar-nav"> <li>@Html.ActionLink("Home", "Index", "Home", null, new {@class="active"})</li> <li>@Html.ActionLink("About", "About", "Home")</li> <li>@Html.ActionLink("Contact", "Contact", "Home")</li> </ul> Это разрешает то, что выглядит как правильно отформатированный класс, но не работает: …

128 asp.net css asp.net-mvc twitter-bootstrap

4

выровнять по правому краю в ячейке таблицы с помощью CSS

У меня старый классический код вроде этого <td align="right"> который делает то, что говорит: он правильно выравнивает содержимое в ячейке. Итак, если я помещу в эту ячейку 2 кнопки, они появятся в нужном месте ячейки. Но потом я реорганизовал это в CSS, но нет такой вещи, как правильное выравнивание? Я …

128 css

13

Как удалить горизонтальную полосу прокрутки в div?

Когда я устанавливаю overflow: scroll, я получаю горизонтальную и вертикальную полосы прокрутки. Есть ли способ удалить горизонтальную полосу прокрутки в div?

128 html css overflow horizontal-scrolling

18

Когда к div добавляется граница в 1 пиксель, размер Div увеличивается, не хочу этого делать

При щелчке я добавляю границу 1px к div, поэтому размер Div увеличивается на 2px X 2px. Я не хочу увеличивать размер div. Есть ли простой способ сделать это? Беспорядочное подробное объяснение На самом деле я добавляю DIV с float: left (такого же размера, как значки) в контейнер-div, поэтому все складываются …

128 css html border

12

Превалирующий! Важный стиль

Название в значительной степени подводит итог. Внешняя таблица стилей имеет следующий код: td.EvenRow a { display: none !important; } Я пробовал использовать: element.style.display = "inline"; и element.style.display = "inline !important"; но ни то, ни другое не работает. Можно ли переопределить стиль! Important с помощью javascript. Это для расширения greasemonkey, если …

128 javascript css

8

Как перезаписать стили в Twitter Bootstrap

Как я могу перезаписать стили в Twitter Bootstrap? Например, в настоящее время я использую класс .sidebar с правилом CSS float: left; Как я могу изменить это так, чтобы вместо этого он шел вправо? Я использую HAML и SASS, но относительно новичок в веб-разработке.

128 css twitter-bootstrap

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