Forum Webscript.Ru

Дизайн и Верстка => Всё о Html => Тема начата: brainkiller от 14 Июля 2010, 19:59:06

Название: Тире вместо буллета в ненумерованном списке
Отправлено: brainkiller от 14 Июля 2010, 19:59:06

Скажите-ка, любезные мои коллеги, не знаете ли вы способа сделать сабж без использования list-style-image? Ставить тире вручную не предлагать! :)

Название: Тире вместо буллета в ненумерованном списке
Отправлено: ravshaniy от 23 Июля 2010, 12:39:37

1) создать нужный имадж (тире или другую блямбу)
2) в css указать сдвиг влево (padding) поставить none для  list-style-image и установить фоном свою картинку, со сдвигом с nо-repeat.

По работе с цсс хорошие статьи на xhtml.ru

Название: Тире вместо буллета в ненумерованном списке
Отправлено: brainkiller от 23 Июля 2010, 14:43:24

Спасибо! В итоге я всё же остановился на list-style-image, хотя с данным вариантом это практически равнозначные решения.

Хотелось-то, как обычно, невозможного: задать свой символ (!) для использования в качестве маркера списка (нормальное желание, вроде бы).

Было бы здорово иметь возможность делать как-нибудь так:

#sidebar ul {
    list-style-type: custom;
    list-style-marker: \'—\';
}

Но, увы, увы!

Название: Тире вместо буллета в ненумерованном списке
Отправлено: APL от 13 Августа 2010, 16:40:38

jquery еще можно использовать...

Название: Тире вместо буллета в ненумерованном списке
Отправлено: brainkiller от 14 Августа 2010, 15:01:41

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

ИМХО, тему можно закрывать до тех пор, пока в CSS не введут list-style-type: custom; :)