[Résolu] Séparateurs entre <li>

Bonjour à tous,

j'aurais une question pour vous, pros des CSS

Comment faire en CSS des sépateurs de <li> ?
J'utilise Joomla (non je ne peux pas changer, merci de vos commentaires ), et il me balance des <ul><li>menu1</li><li>menu2</li></ul> pour mon menu.

J'aimerais que ça affiche :
Menu1 :: Menu2 :: Menu3

Savez-vous comment faire ça en CSS ?

Merci à tous,

Nicolas
Modifié par Elrohir (28 Dec 2006 - 09:18)

Bonjour,

Tu peux t'inspirer de ce menu sur Listamatic.

Voir plus précisément le code CSS :

#navlist li:before { content: "> "; }
#navlist li:first-child:before { content: ""; }

À adapter pour tes besoins. Tu peux également utiliser des background-image pour tes séparateurs.
Modifié par Tony Monast (27 Dec 2006 - 18:11)

Ah, ton code m'intéresse, mais n'ayant pas MSIE sous la main, peux-tu me dire si c'est compatible ?

Merci !

Non le contenu généré n'est pas implémenté
dans IE6, IE7 lui n'as pas implémenté les pseudo-éléments
:before et :after.
Modifié par Hermann (27 Dec 2006 - 18:27)

Elrohir a écrit :
Ah, ton code m'intéresse, mais n'ayant pas MSIE sous la main, peux-tu me dire si c'est compatible ?

Oui, la liste que je t'ai présenté est compatible sur MSIE grâce au background-image. Voir le code en entier sur listamatic et pas seulement celui que je t'ai montré sur le forum.
Modifié par Tony Monast (27 Dec 2006 - 19:06)

Excellent, merci beaucoup
Même si la solution de mettre des images en background ne me plaît pas, mais bon, c'est pour MSIE hein !

Merci !