Дизайн и Верстка > Всё о 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; :)

Навигация

[0] Главная страница сообщений