Как изменить расстояние от маркера до текста?
Для изменения расстояния между маркером списка и текстом используйте свойство padding-left для селектора li , как показано в примере 1.
Пример 1. Расстояние от маркера до текста
Результат данного примера показан на рис. 1. Здесь расстояние от маркеров до текста задано как 20 пикселей.
Рис. 1. Расстояние между маркерами и текстом списка
Отрицательное значение для padding-left использовать нельзя, поэтому минимальное задаваемое расстояние равно нулю. Но даже в этом случае небольшой исходный промежуток между маркером и текстом останется.
Указанное решение не работает, если для списка (селектора ul или ol ) задано свойство list-style-position со значением inside .
См. также
- list-style-position
- padding-left
Как убрать отступы для ul & li
Вам нужно CSS-свойство margin: top right bottom left. Например: margin: 10px — делает отступ 10 пикселей со всех сторон. margin: 10px 5px — делает отступы 10 пикселей сверху и снизу, и по 5 пикселей справа и слева. margin: 10px 15px 5px 20px — делает отступ 10 пикселей сверху, 15 справа, 5 снизу и 20 слева. Отступы можно указывать в пикселях (px), пунктах (pt), процентах (%). Есть ещё много единиц измерения, типа дюймов или сантиметров.
Товаровед.инфо — помощь в выборе качественных товаров и услуг (http://www.tovaroved.info/)
На сайте с 11.11.2005
15 апреля 2008, 14:50
EKCTPEMICT:
Как свойствами СSS убрать отступы вправо
Если речь идет об отступах вправо, то и надо использовать ul li Да, если поле не равно 0, то нужно использовать ед. измерения, как Вам написали постом выше. А вот list-style-type — это по желанию, можно и none, а можно и др. Lazy добавил 16.04.2008 в 11:14 Извините, описался, конечно если вправо то ul li возможно еще потребуется padding-left:0
Отступы в меню ul li
Меню и отступы
Сверстал меню, но появился баг, подскажите как выровнять меню, чтоб при наведении соседние элементы.
Меню из listBox и отступы внутри
Добрый вечер! Сделал небольшую менюшку с помощью listBox, но не могу внутри отступы от краев.
Уменьшить отступы в пунктах меню
Каким образом в пунктах меню можно уменьшить отступы?
Отступы и выпадающее меню на css
Здравствуйте, подскажите, пожалуйста: 1) Откуда берётся такой огромный отступ между флешкой и.
2964 / 2597 / 1068
Регистрация: 15.12.2012
Сообщений: 9,855
Записей в блоге: 11
Сообщение было отмечено GTAlex как решение
Решение
Пробуем:font-size:0 добавить для ul.
Регистрация: 19.02.2013
Сообщений: 154
font-size:0 не помогло.
вообще, мне надо было начать с того, что bootstrap подключен .
Добавлено через 4 минуты
из того, что пробовал ещё от незнания:
li display — block и inline
li margin и padding !important добавлял
2964 / 2597 / 1068
Регистрация: 15.12.2012
Сообщений: 9,855
Записей в блоге: 11
Сообщение было отмечено GTAlex как решение
Решение
Выкладывайте код тогда.
Регистрация: 19.02.2013
Сообщений: 154
код толком не понимаю какой выложить .
урл http://trioroom.gtalex.ru/
сам firebug-ом смотрю, пробую . толку ноль
Добавлено через 3 минуты
1 2 3 4 5 6 7 8 9
ul class="ul-top-menu"> li> a class="selected" href="/">Главная/a> /li> li> a href="/cat/">Каталог/a> /li> . /ul>
Добавлено через 1 минуту
1 2 3 4 5 6 7 8 9 10 11 12 13 14
.top-menu ul < z-index: 12; float: left; margin: 0; padding: 0; list-style-type: none; >.top-menu ul li
Добавлено через 2 минуты
упс! с фонтом всё получилось!
Как убрать отступ сверху и снизу от списка?
Убрать отступы вокруг маркированного или нумерованного списка.
Решение
Используйте стилевое свойство margin и padding с нулевым значением для селектора UL или OL , в зависимости от типа списка, как показано в примере 1.
Пример 1. Отступы в списке
Результат данного примера показан на рис. 1.
Рис. 1. Список без вертикальных и горизонтальных отступов
Обратите внимание, что исчезают маркеры списка, которые оказываются за левым краем веб-страницы. Чтобы убрать только верхний и нижний отступ, не сдвигая при этом список влево, используйте свойства margin-top и margin-bottom (пример 2).
Пример 2. Отступы в списке