Mi piace creare separatore horizonatal menu con i CSS solo, senza alcuna immagine. Io uso questo metodo soprattutto nei menu di intestazione o piè di pagina. Tuttavia in questo modo è stato limitato, Sapevo solo perché il confine a sinistra o destra proprietà CSS (e.g. border-left:1px solid # ccc o border-destra:1px solid # ccc) e queste proprietà luoghi solo una ” | ” separatore nel menu. Non troppo creativo.

Ma – tatatata – Ho trovato uno nuovo (per me) Proprietà CSS “contenuto” e uno nuovo (per me) selettore di classe “Se:dopo”, così posso mettere caratteri speciali nel mio menù come un separatore di menu ora.

Esempio:

li:after {content:" | "}

menu di piè di pagina del mio sito è stato creato dai seguenti parametri:

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

Il primo “contenuto” proprietà posizionare un “>” carattere, dopo tutte le voci del menu piè di pagina, il secondo “contenuto” elimina la proprietà “>” carattere da ultimo (item81) voce di menu.

Ho provato in Firefox 3, IE 8, Google Chrome 2.0 e Opera 9.63, funziona bene in tutti i browser citati.

Vedere il mio menu a piè di pagina.