UL. Установка отступов маркированного списка. Часть 2
Автор Иван Мензуркин (старший лаборант)   
28.01.2008 г.

Примеры для случая, когда расположение маркеров указано явно стилем list-style-position со значением inside (маркер списка обтекается текстом).

Пример ul2-1. Вид списка по умолчанию (никакие стили не заданы, кроме цвета фона).
IЕ 6.x: устанавливает дополнительный отступ списка слева, до него и после.
FF 2.x: То же самое.
Текст перед списком
  • Элемент списка 1
  • Элемент списка 2 для демонстрации того, когда маркер списка обтекается текстом, а когда нет
  • Элемент списка 3
  • Элемент списка 4
Текст после списка
Пример ul2-2. Указан явно один стиль "margin: 0".
IЕ 6.x: Выглядит как надо!
FF 2.x: отступов сверху и снизу теперь нет, а вот отступ слева остался
Текст перед списком
  • Элемент списка 1
  • Элемент списка 2 для демонстрации того, когда маркер списка обтекается текстом, а когда нет
  • Элемент списка 3
  • Элемент списка 4
Текст после списка
Пример ul2-3. Отступы списка выглядят однообразно!
(применили стиль "margin: 0; padding: 0")
Текст перед списком
  • Элемент списка 1
  • Элемент списка 2 для демонстрации того, когда маркер списка обтекается текстом, а когда нет
  • Элемент списка 3
  • Элемент списка 4
Текст после списка

Просмотров: 8669

Коментарии (3)
 
все получилось, сайт работает http://www.urist-prudent.ru/
  
cc, 15:56 05 февраля 2013 г.
 
На странице не отображается маркированный список. Сайт на Джумле. Подозреваю, что проблема в шаблоне, какие стили могут мешать?
  
Коля, 14:27 27 сентября 2013 г.
 
CSS файл хотелось бы увидеть?
  
Админ, 14:28 29 сентября 2013 г.

Добавить коментарий
Имя:
Коментарий:



Код:* Code