Navigation mit individueller Klasse für jedes Level

Hallo zusammen,

ich bastle schon lange an einer Navigation rum und komme irgendwie nicht weiter. Ich hoffe das ich mein Problem einigermassen verständlich erklären kann :rolleyes:

Als erstes habe ich versucht meine Navigation (Vertikal mit 3 Ebenen) mit ul.level_1, ul.level_2 usw. per CSS zu formatieren. Ich wollte einen Rahmen um jeden Menüpunkt. Durch die vererbung des li Elements, entsteht jedoch das Problem, dass der Rahmen von Level1 die gesamten Untermenüpunkte von Level2 umschliesst usw...

Daraufhin habe ich in der Seitenstruktur jeder Seite eine Klasse zugewiesen. Also alle von Level1 die Klasse .ebene1, .ebene2 usw... Dies Funktioniert eigentlich sehr gut, hat aber den Nachteil, dass wenn der Redakteur der Webseite eine neue Seite erstellt, diese Klasse nicht automatisch eine Klasse erhält. (Ausser er kopiert die Seite :-)

Nun hatte ich die Idee, das Template anzupassen, damit ich eine saubere Lösung habe, die ich bei jeder Seite einsetzen kann. Ich habe mir das Template nav_default angeschaut. Leider kenne ich mich mit PHP nicht genügend aus um diese Idee umzusetzen.

Gibt es so etwas ähnliches schon, oder hat jemand vielleicht eine ganz andere oder einfachere Idee??

Hallo walkabout77,
dafür brauchst du überhaupt keine Template Anpassungen. Du musst nur geschickter CSS nutzen ;-)

Gib den Rahmen nicht dem li, sondern dem a (bzw. span bei aktiv). Dann passt das.
Dazu helfen dann noch so angaben wie display:block, damit das als Blockelement gerendert wird. Der Vorteil für Besucher der Seite: man kann den ganzen Kasten anklicken ;-)

Viele Grüße

Hallo MacKP,

vielen Dank für deine schnelle Antwort! Was soll ich da noch sagen... ich hatte gerade mal 2 Minuten um das ganze Menü wunschgemäss zu formatieren :D


Liebe Grüsse

Hier noch ein Beispiel im Anhang. Vielleicht hilft das ja noch jemandem....