Маркер списка

[Aykroyd]

Доброе время суток!

Столкнулся с очень неприятной проблемой.

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

Увеличивать маркер по высоте пробовал (добавление прозрачности "вверх"). В сочетании с увеличением высоты строки через line-height, например, до 150% это дает некоторый результат, но и тут побочные являния - это оказалось пригодно только для одно- или двухстрочных пунктов списка. Если в пункте списка более двух строк - получается тоже некрасиво, так как расстояние между первыми двумя строками такого пункта списка заметно меньше (из-за увеличенного маркера первая строка съезжает вниз), нежели расстоние между последующими строками этого пункта.

Если кто-нибудь располагает решением - пожалуйста, помогите.
Заранее благодарю.

[agat]

Не трогайте маркер, уберите его совсем. Прописывайте его через свойство - background элементов списка.

li {
list-style: none;
background: url(marker.gif) no-repeat 2px 4px;
padding-left: 15px;
}

[Aykroyd]

Originally posted by agat@Nov 22 2006, 12:06
Не трогайте маркер, уберите его совсем. Прописывайте его через свойство - background элементов списка.

li {
list-style: none;
background: url(marker.gif) no-repeat 2px 4px;
padding-left: 15px;
}
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

А вот за эту Вашу конструктивную помощь я искренне и премного Вам благодарен.
На данный мой вопрос никто долгое (относительно ) время не овечал, и несколько дней назад мне пришлось самому найти решение, в точности совпадающее с прдложенным Вами. Сам бы вряд ли додумался - подглядел на общеизвестном [Только зарегистрированные пользователи могут видеть ссылки. ]

Но для меня очень важно знать, что еще кто-то пользуется таким методом. Это говорит о том, что решение не "корявое". Так что еще раз спасибо.

Только один нюанс. Не несет ли у Вас, случаем, горизонтальная позиция 2px скрытого смысла?
Я использую 0px - и вроде все в порядке. Нет ли здесь "подвоха"?

[Zigzag]

+1 я тоже так поступаю периодически

[Aykroyd]

Originally posted by Zigzag@Nov 23 2006, 01:14
+1 я тоже так поступаю периодически
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Так если 0 - это может быть чем-нибудь чревато?
Может в каких браузерах что-нибудь не так при горизонтальном нуле?

[agat]

Смысл в ... no-repeat 2px 4px; возможности задавать маркеру любое положение относительно элемента списка.

Можно его вообще вправо прижать, можно к верху.

background: url(marker.gif) no-repeat right 4px; - это право
background: url(marker.gif) no-repeat 2px top; - это вверх

А ещё, можно фоно для маркера назначить анимированный гиф Только это жестоко будет.

[Aykroyd]

Originally posted by agat@Nov 24 2006, 00:39
А ещё, можно фоно для маркера назначить анимированный гиф Только это жестоко будет.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
В этом я полностью с Вами солидарен!

Но у меня тут другой вопрос был.
Я прекрасно представляю себе все мыслимые и немыслимые ( ) значения свойства background. Уж что касается CSS1 - можно ночью разбудить - проблем не будет.

Просто мне бросилось в глаза, что Вы изначально предложили именно 2px по горизонтали. Вот и подумалось - может, не просто так? Может в каких-то браузерах 0px, к примеру, некорректно отображается или зарезается как-нибудь? Вот в чем вопрос был.

Я использую именно ноль - поэтому это меня и заинтересовало.

[agat]

Да ничего страшного нету, всё зависит от маркера.

[Aykroyd]

Originally posted by agat@Nov 24 2006, 09:21
Да ничего страшного нету, всё зависит от маркера.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Благодарю.