Navigation per CSS um Trenner erweitern

[Mauki]

Wie kann ich den meine obere Navigation (Startseite, Kontakt ...) per CSS um einen Trenner "|" erweitern.

Navigation aktuelle Seite --> Die Links stehen direkt im Code
Navigation Entwurf neue Seite --> Die Links werden von WP erzeugt

 

[master_p]

border-right z.b.?

 

[miss.moxy]

jep - border-right:… und für den letzten Menüpunkt – die sind eh auch alle
einzeln ansprechbar – border: none; Mit padding-Werten bestimmst du den
Abstand zu den Trennlinien…

 

[Mauki]

Hab jetzt mal mit folgendem Code probiert und im Safari/FF sieht es gut aus. IE muß ich morgen mal checken! Bekommt man die Trenner noch ein wenig kleiner?

.navi_oben li {
    display: inline;
    border-right: 1px solid #fff;
    padding-right: 5px;
	}

li.page_item.page-item-60 {
	border-left: none;
	padding-right: 0px;
	}

li.page_item.page-item-55 {
	border-right: none;
	padding-right: 0px;
	}

 

[miss.moxy]

Mit dieser Lösung nicht wirklich. Es gäbe eventuell noch die Möglichkeit,
den Trennstrich als Hintergrundgrafik den Listenelementen zuzuordnen.
Mehr würde mir jetzt aber als CSS-Lösung nicht einfallen…