Нумерованный список с рисунками в качестве маркера

[Vedrys]

Здравствуйте!

В общем, помню, видел в каком-то шаблоне такой хит: нумерованному списку задаешь класс, к примеру какой-то "num_list", и вместо цифр шрифтом отображаются цифры картинками... Для маркированного списка без проблем сделать маркер картинкой, а для нумерованного, чтобы 1-му элементу списка соответствовал рисунок с изображением единички, 2-2, 3-3 и т.д.

Или такое невозможно и я все это придумал?

Если кто-нибудь знает, подскажите, пожалуйста.

Спасибо!

[Great Rash]

Кроссбраузерно пожалуй нет. Если забить на ИЕ, то можно попробовать сотворить.

[zSpx]

Нужно убрать list-style-type и вставить картинки в фон, текст паддингом сдвинуть, т.е. как обычно. Каждому элементу списка нужно класс задать.. или я вас не правильно понял?

[Cubka]

Нужно убрать list-style-type и вставить картинки в фон, текст паддингом сдвинуть, т.е. как обычно. Каждому элементу списка нужно класс задать.. или я вас не правильно понял?

Ну, просто можно свой стиль. Например:

<ol style="list-style:none;">

<li style="list-style-image: url(images/1.png); padding-left: 2px;">1</li>

<li style="list-style-image: url(images/2.png); padding-left: 2px;">2</li>

<li style="list-style-image: url(images/3.png); padding-left: 2px;">3</li>

....

</ol>

[zSpx]

Встроенные стили - зло, оставьте их для JS.

[SelenIT]

Еще так можно.

[Great Rash]

:nth-child красивше будет

P.S. Ну и ссылочка в тему заодно