Senkrechte Trennstriche Hauptmenu

Standak

Hallo,
ich verwende gerade clean-style responsive und möchte zwischen den einzelnen menupunkten im hauptmenu senkrechte Trennstriche haben.

das Ergebnis sollte dann so aussehen: HOME | WIR | DESIGN | KONTAKT

weiss jemand wie ich das machen könnte.

danke
martin

Uwe Keim

Das sollte eigentlich per CSS gut gehen:

CSS

<style>
    .nav > li + li:before {
        content: " | "; 
    }
</style>

Standak

Hallo Herr Keim,

das hat leider nicht funktioniert, aber vielleicht haben SIe noch eine andere Idee.

Steffen T.

Probier mal folgendes:

Code

<style>
ul.mainmenu > li:before {
    content: "";
	position: absolute;
	right: -6px;
	width: 1px;
	height: 35px;
	background: #000000;
}
</style>

Standak

Danke Herr T.,

hat funktioniert.

Vielen Dank

Jetzt mitmachen!