-
Доброе время суток!
Столкнулся с очень неприятной проблемой.
При добавлении графического маркера списка (из внешнего файла) первая строка списка располагается чуть ниже этого маркера (или маркер располагается чуть выше этой строки - не суть). Получается вертикальная нессиметрия. А в CSS ну никак нет никаких "моментов" относительно вертикального выравнивания маркера списка по отношению, например, к базовой линии первой строки списка.
Увеличивать маркер по высоте пробовал (добавление прозрачности "вверх"). В сочетании с увеличением высоты строки через line-height, например, до 150% это дает некоторый результат, но и тут побочные являния - это оказалось пригодно только для одно- или двухстрочных пунктов списка. Если в пункте списка более двух строк - получается тоже некрасиво, так как расстояние между первыми двумя строками такого пункта списка заметно меньше (из-за увеличенного маркера первая строка съезжает вниз), нежели расстоние между последующими строками этого пункта.
Если кто-нибудь располагает решением - пожалуйста, помогите.
Заранее благодарю.
-
Не трогайте маркер, уберите его совсем. Прописывайте его через свойство - background элементов списка.
li {
list-style: none;
background: url(marker.gif) no-repeat 2px 4px;
padding-left: 15px;
}
-
Цитата:
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'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
А вот за эту Вашу конструктивную помощь я искренне и премного Вам благодарен.
На данный мой вопрос никто долгое (относительно [Only registered and activated users can see links. Click Here To Register...] ) время не овечал, и несколько дней назад мне пришлось самому найти решение, в точности совпадающее с прдложенным Вами. Сам бы вряд ли додумался - подглядел на общеизвестном [Only registered and activated users can see links. Click Here To Register...]
Но для меня очень важно знать, что еще кто-то пользуется таким методом. Это говорит о том, что решение не "корявое". Так что еще раз спасибо.
Только один нюанс. Не несет ли у Вас, случаем, горизонтальная позиция 2px скрытого смысла? [Only registered and activated users can see links. Click Here To Register...]
Я использую 0px - и вроде все в порядке. Нет ли здесь "подвоха"?
-
+1 я тоже так поступаю периодически
-
Цитата:
Originally posted by Zigzag@Nov 23 2006, 01:14
+1 я тоже так поступаю периодически
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Так если 0 - это может быть чем-нибудь чревато?
Может в каких браузерах что-нибудь не так при горизонтальном нуле?
-
Смысл в ... no-repeat 2px 4px; возможности задавать маркеру любое положение относительно элемента списка.
Можно его вообще вправо прижать, можно к верху.
background: url(marker.gif) no-repeat right 4px; - это право
background: url(marker.gif) no-repeat 2px top; - это вверх
А ещё, можно фоно для маркера назначить анимированный гиф [Only registered and activated users can see links. Click Here To Register...] Только это жестоко будет.
-
Цитата:
Originally posted by agat@Nov 24 2006, 00:39
А ещё, можно фоно для маркера назначить анимированный гиф [Only registered and activated users can see links. Click Here To Register...] Только это жестоко будет.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
В этом я полностью с Вами солидарен! [Only registered and activated users can see links. Click Here To Register...]
Но у меня тут другой вопрос был.
Я прекрасно представляю себе все мыслимые и немыслимые ( [Only registered and activated users can see links. Click Here To Register...] ) значения свойства background. Уж что касается CSS1 - можно ночью разбудить - проблем не будет. [Only registered and activated users can see links. Click Here To Register...]
Просто мне бросилось в глаза, что Вы изначально предложили именно 2px по горизонтали. Вот и подумалось - может, не просто так? Может в каких-то браузерах 0px, к примеру, некорректно отображается или зарезается как-нибудь? Вот в чем вопрос был.
Я использую именно ноль - поэтому это меня и заинтересовало.
-
Да ничего страшного нету, всё зависит от маркера.
-
Цитата:
Originally posted by agat@Nov 24 2006, 09:21
Да ничего страшного нету, всё зависит от маркера.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Благодарю. :hi:
