Маркированный список, маркер картинка

Быстрый переход:
Maikl

Maikl

Member
#1   11 сентября 2008 07:50
Привет Всем!

Есть такая вот задача.
Есть маркированный список на тегах <UL> и <LI>.

Как мне при прмощи CSS вместо стандартного маркера, кружочка поставить картинку, например файлик формата .png? И еще было бы хорошо средствами CSS расположить элементы списка горизонтально.
Алексей

Алексей

Administrator
#2   11 сентября 2008 17:00
Вот есть такое решение с использованием стилевых таблиц CSS:

> вместо стандартного маркера, кружочка поставить картинку:
ul {
      list-style-image: url(bullet.gif);
}

Для тех броузеров, которые не поддерживают вывод графики, добавьте в правила следующую строчку:
list-style-type: disc;

> И еще было бы хорошо средствами CSS расположить элементы списка горизонтально:

#inline-list ul, #inline-list li {
	display: inline;
}

то есть используем свойство "display"

А вот совместить их к сожалению не удается в "Explorer'е". При выстраивании списка в строку, пропадают маркеры.

Быстрота и надежность... Ну и красота тоже, конечно

Аватар

Анна

Member
#3   03 ноября 2012 08:41
У меня не работает никак
В файле style.css прописала это:

.image {
list-style-image: url(../images/marker_16.png);
}

А в новости, там где список это:

<ul class="image">
<li>картофель,</li>
<li>яйца,</li>
<li>соль, масло,</li>
<li>мука.</li>
</ul>

Но у меня не работает! Отображаються стандартные точки вместо картинок.