Горизонтальное меню с разделителями картинками

[froz]

Как сделать горизонтальное меню я знаю.

А как стандартные разделители заменить изображениями?

Если языком CSS, то вот что нужно:

ul.plinks li {
  border-left: url(images/border.gif);
}

Спасибо.

Вот стандартный 1px solid black:

А нужны такие разделители:

Edited September 24, 2009 by froz

[Колос]

Не очень понятно, что ты хочешь получить. Объясни подробней.

[froz]

Не очень понятно, что ты хочешь получить. Объясни подробней.

Xочу чтоб в горизонтальном меню вместо стандартныx разделителей стояли мои.

[mini]

Xочу чтоб в горизонтальном меню вместо стандартныx разделителей стояли мои.

а background:url(); что не подходить?

[froz]

а background:url(); что не подходить?

Для какого элемента вы предлагаете это свойство использовать?

Боюсь вы меня совсем не поняли.

Вот смотрите: http://htmlbook.ru/css/border-left.html

Мне нужно вместо одного из стандартныx вариантов рамки, которая в горизонтальном списке (меню) является разделителем, подставить свой.

Если и так не понятно, то позже выложу скриншот, чтоб уж совсем ясно стало.

[mini]

Для какого элемента вы предлагаете это свойство использовать?

Боюсь вы меня совсем не поняли.

Вот смотрите: http://htmlbook.ru/css/border-left.html

Мне нужно вместо одного из стандартныx вариантов рамки, которая в горизонтальном списке (меню) является разделителем, подставить свой.

Если и так не понятно, то позже выложу скриншот, чтоб уж совсем ясно стало.

на сколько я знаю в бордере только soild нормально отображается во всех браузерах, а остальные по разному, срин бы не помешал

[froz]

на сколько я знаю в бордере только soild нормально отображается во всех браузерах, а остальные по разному, срин бы не помешал

отредактировал первоначальное сообщение, см. скрины

[mini]

отредактировал первоначальное сообщение, см. скрины

на "li" или на "а" background:url(); в зависимости от ситуации

[froz]

на "li" или на "а" background:url(); в зависимости от ситуации

если на li, то весь текст будет в полосатом фоне, попробуйте сами, "a" тут тоже не причем

[Justnewone]

В смысле взять и все за Вас просто так сделать?

Надо повесить эту картинку на тот элемент, высота результирующая которого равна высоте бекграунда. А уж какой он там - даже не интересно, если надо - добавляйте недостающий.

Это Вам кажется что это мега-афиганно-сложная задача, а я тут на форуме не раз отвечал на этот вопрос, но говоря про пицотмильенов вариантов у гугла.

Знаете как поиском пользоваться?

[mini]

если на li, то весь текст будет в полосатом фоне, попробуйте сами, "a" тут тоже не причем

ну де он полосатый? сами посмотрите —> http://miniblog.ucoz.ru/temp/newcod/test.html

[froz]

В смысле взять и все за Вас просто так сделать?

Надо повесить эту картинку на тот элемент, высота результирующая которого равна высоте бекграунда. А уж какой он там - даже не интересно, если надо - добавляйте недостающий.

Это Вам кажется что это мега-афиганно-сложная задача, а я тут на форуме не раз отвечал на этот вопрос, но говоря про пицотмильенов вариантов у гугла.

Знаете как поиском пользоваться?

Я не просил все сделать за меня, вот мой первоначальный вопрос:

А как стандартные разделители заменить изображениями?

Поиском знаю как пользоваться, и всегда сначала ищу, а потом иду на форум.

Спасибо за попытку помочь.

ну де он полосатый? сами посмотрите —> http://miniblog.ucoz.ru/temp/newcod/test.html

Спасибо, я совсем забыл про свойство no repeat у бэкграунда.

Большое спасибо.

[ssbby]

Спасибо, мне тоже подошло.

А можно еще сделать так чтобы при наведении на поле li, оно меняло бы свой цвет?

[DjTarik]

Спасибо, мне тоже подошло.

А можно еще сделать так чтобы при наведении на поле li, оно меняло бы свой цвет?

:hover

В ie6 не пашет, поэтому делай ссылку блочную и её :hover