Неполучается в списке маркер укротить. Подскажите...

К
На сайте с 14.03.2004
Offline
201
591

Вот делаю сайт. дали диз сверстанный. В процессе подгонки возникла проблема со списком левого меню.

В меню слева http://www.magneo.com.ua/katalog-sistem.html

в списке маркер в ИЕ чуть выше самого текста. в ФФ все ок.

в стиле для li указал vertical-align: top;

так как без него маркер находится внизу в случае если пункт меню в две строки.

Помогите плз.

Интернет магазин православных икон Kiot.com.ua (http://kiot.com.ua) - для форумчан скидка (запрос в личку)
Neolot
На сайте с 12.12.2008
Offline
29
#1

Кроссбраузерно не получится, известный глюк в IE. Используйте background для элементов списка.

Например:

ul li {background: url(img/li.png) left center no-repeat; padding-left: 10px;}

Если по высоте в центре не стало, замените center нужным смещением вверх или вниз.

Разработка сайтов на Wordpress и MODx Личный блог (http://neolot.com)
T4
На сайте с 06.05.2008
Offline
19
#2

во первых задайте высоту линии Line-height в css для li она по умолчанию разная для разных браузеров ( у вас это заметно когда смотриш в ФФ и ИЕ), во вторых используйте конструкция как посоветовал Neolot :

ul li {background: url(img/li.png) left top no-repeat; padding-left: 10px;}

только вместо png используйте jpg (png в ИЕ6 не будет правильно отображатся без специальных дополнительных приемов) и вырежьте не только сам черный квадратик а пару пикселей белого фона над ним и будет вам счастье...

Верстаем потихоньку - /ru/forum/390454 (/ru/forum/390454)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий