[résolu] Menu horizontal avec des petits traits.

Bonjour,
Je suis en train de créer un design, cela fait plusieurs mois que je code en Xhtml / Css mais la j'ai un pitit problème :
- J'ai un menu horizontal et j'aimerais séparé les menus par des tits traits comme ceci "Menu 1 - Menu 2 - Menu 3", y à t-il une propriété en CSS pour mettre un tit trait entre chaque menu ou bien faut-il mettre des traits directement dans le code Html ?

Merci d'avance.
Amicalement,
Gaylord.P
Modifié le 04 Jan 2005 - 17:35

A ma connaissance rien ne permet "d'écrire" un caractère avec CSS. Je pense qu'il faut mettre ça directement dans le code.

La réponse est : oui, on peut générer automatiquement du contenu (donc des tirets) en CSS à l'aide de la propriété "content" appliquée aux pseudo-classes Before et After.

Par contre, il faut bien être conscient que ce n'est pas une méthode très pertinente car ce contenu ne sera pas créé si les feuilles de style ne sont pas activées (vieux navigateurs, navigateurs textes ou adaptés au handicaps visuels)... et dans ce cas, les éléments ne seraient pas séparés.

Bref, il faut toujours se demander si le contenu est pertinent ou s'il ne relève que d'un soucis de présentation. Ici, il est pertinent.

Bonjour Gaylord.P,

Pour des raisons d'accessibilité, il est préférable d'avoir un caractère de séparation entre chaque lien, pour les navigateur vocaux entre autres.

Toutefois, tu peux créer une image et la charger par une css.

Regarde ici si tu trouves ton bonheur : http://openweb.eu.org/articles/initiation_display/

Edité : Arfff ! grillé ... de peu !
Modifié le 04 Jan 2005 - 15:10

Raph: j'en avais jamais entendu parler, merci de me le faire découvrir !

Hé bien, quel rapidité, je suis vraiment étonné !

Je crois que je vais mettre un espace de quelques pixels entre les menus et mettre un petit background lors du passage de la souris, même si ce n'est pas exactement ce que je voulais, ça me plait quand même

En tout cas, merci à vous et @bientôt

littlesam a écrit :
Raph: j'en avais jamais entendu parler, merci de me le faire découvrir !

De rien, c'est aussi ça une communauté

Si ces propriétés ne sont pas très connues encore, c'est principalement :
1- parce qu'elles sont jeunes (apparues dans CSS2)
2- parce qu'elles ne sont pas (encore?) reconnues par Internet Explorer.

C'est bien dommage car leurs applications sont parfois très intéressantes :
http://www.alsacreations.com/articles/onglets/onglets.htm
http://www.alsacreations.com/articles/ombre/
http://www.alsacreations.com/blog/index.php?2004/10/24/80-before-et-after-multiples-possibilites
http://www.nanoum.net/blog/5_before_et_after.html
http://www.virtuelvis.com/gallery/css/rounded/

(oui je sais : encore de la lecture )