Trenner zwischen Menüpunkten

Hallöle,
bin noch in der Lernphase aber meine Begeisterung zu TypoLight ist kaum noch zu zügeln.
Habe zu meiner Frage leider nichts passendes im Forum gefunden. Würde gerne in einem horizontalen Menü die Menüpunkte mit einer Grafik ähnlich " | " trennen.
Im Prinzip ist mir das schon klar aber wenn ich die Grafik im Stylesheet als rechten oder linken Hintergrund setze habe ich ja bei dem ersten bzw. letzten Menüpunkt einen führenden bzw. schliessenden Trennstrich.
Wie macht man sowas am einfachsten. Kann ich das über CSS steuern oder muß ich da was am
mod_navigation ändern.
Möglich ist das ja auch mit der Erweiterung "Navi-Bilder" (hab ich schon probiert), aber es gibt da bestimmt einen einfacheren Weg als zu jedem Menüpunkt 3 Bilder zu definieren.
Vielleicht kann mir ja auch jemand ein Tutorial empfehlen wo so etwas behandelt wird.
Danke im Voraus

Hallo Manni,

das kannst Du mit CSS machen.

Du ergänzt für das Listenelement einen rechten Rand oder eine Hintergrundgrafik, beim letzten Listenelement, welches die Klasse li.last besitzt, definierst Du keinen Rand.

Beispiel:

Code:

---

#header .mod_navigation li
{
margin:0;
padding:0 20px 0 0;
float:left;
border-right:1px solid #000;
}

#header .mod_navigation li.last
{
margin:0;
padding:0 20px 0 0;
float:left;
border:none;
}

---

Hallo Planepix vielen Dank für die rasend schnelle Antwort.

Genau das hab ich gesucht. Es ist zwar relativ einfach aber genau diese Feinheiten sind es die man nicht auf Anhieb weiß weil sie doch eigentlich ganz schön ins Eingemachte gehen.

Danke nochmal werde ich gleich ausprobieren.

Gruß
Manni