J'aime créer séparateur de menu avec CSS ne horizonatal, sans image. J'utilise cette méthode principalement dans la tête ou le pied de page des menus. Cependant, cette voie était limitée, parce que je savais seulement les propriétés border-gauche ou à droite CSS (g. border-left:1px solid # CCC ou border-right:1px solid # CCC) et ces propriétés endroits seulement une ” | ” séparateur dans les menus. Pas trop créatifs.

mais – tatatata – J'ai trouvé un nouveau (pour moi) Propriété CSS “contenu” et un nouveau (pour moi) sélecteur de classe “Si:Après”, si je peux placer des caractères spéciaux dans mes menus comme un séparateur de menu aujourd'hui.

Exemple:

li:after {content:" | "}

Footer menu de mon site a été créé par les paramètres suivants:

# Si footermenu:after {content:" > "#} Footermenu li.item81: after {content:" "}

La première “contenu” place la propriété d'un “>” caractère après tous les éléments de menu dans le menu footer, la seconde “contenu” supprime la propriété du “>” personnage de dernière (item81) menu.

Je l'ai testé dans Firefox 3, IE 8, Google Chrome 2.0 et Opera 9.63, il fonctionne très bien dans tous les navigateur mentionnés.

Voir mon menu en bas de page.