Дизайн и Верстка > Всё о Html
Тире вместо буллета в ненумерованном списке
(1/1)
brainkiller:
Скажите-ка, любезные мои коллеги, не знаете ли вы способа сделать сабж без использования list-style-image? Ставить тире вручную не предлагать! :)
ravshaniy:
1) создать нужный имадж (тире или другую блямбу)
2) в css указать сдвиг влево (padding) поставить none для list-style-image и установить фоном свою картинку, со сдвигом с nо-repeat.
По работе с цсс хорошие статьи на xhtml.ru
brainkiller:
Спасибо! В итоге я всё же остановился на list-style-image, хотя с данным вариантом это практически равнозначные решения.
Хотелось-то, как обычно, невозможного: задать свой символ (!) для использования в качестве маркера списка (нормальное желание, вроде бы).
Было бы здорово иметь возможность делать как-нибудь так:
#sidebar ul {
list-style-type: custom;
list-style-marker: \'—\';
}
Но, увы, увы!
APL:
jquery еще можно использовать...
brainkiller:
Тогда уж на JS проще пару строк написать, нежели тащить тяжёлый фреймворк. Однако, практического смысла не вижу ни в том, ни в другом. Скрипты должны поведением элементов управлять, а за отображение должны отвечать директивы CSS.
ИМХО, тему можно закрывать до тех пор, пока в CSS не введут list-style-type: custom; :)
Навигация
Перейти к полной версии