Мне нравится создавать horizonatal сепаратор меню с CSS только, без каких-либо изображений. Я использую этот метод в основном в верхнем или нижнем колонтитуле меню. Однако этот способ был ограничен, потому что я только знал границ влево или вправо CSS свойства (G. границы левого:1px твердых # СТС или границы права:1px твердых # СТС) и эти свойства мест только ” | ” разделителя в меню. Не слишком творческий.

Но – tatatata – Я нашел одну новую (для меня) CSS собственности “Содержание” и один новый (для меня) селектор класса “Если:После”, так что я могу место специальные символы в моем меню, меню разделителя сейчас.

Пример:

li:after {content:" | "}

Нижнее меню Мой сайт был создан по следующим параметрам:

# Если footermenu:После {содержание:" > "} # Footermenu li.item81: после {содержание:" "}

Первый “Содержание” собственности месте “>” характер после всех пунктов меню в нижней меню, вторая “Содержание” собственности удаляет “>” персонаж из последних (item81) пункт меню.

Я проверял в Firefox 3, IE 8, Google Chrome 2.0 и опера 9.63, она отлично работает во всех упомянутых браузера.

Смотрите мое меню в нижней.