Problem mit CSS, Level1, Level2 in der Navigation

[snoopy]

Ich möchte in meiner Navigation immer nur den aktuellen Punkt hervorgehoben, umrahmt, haben. Egal ob Level1 oder Level2. Komme nach vielem probieren einfach nicht klar. Ich bekomme immer nur hin, das SCHULUNG und TERMINE gleichzeitig markiert sind. Beispiel siehe Grafiken.

[Thomas]

Dein Problem dürfte sich mit .active oder .trail lösen lassen.

[snoopy]

Damit habe ich es schon probiert, spreche aber scheinbar nicht die richtigen CSS-Klassen an bzw die Kombination aus beiden. Ein kurzes Beispiel wäre ganz hilfreich.

[reini]

hast du einen link zu deiner webseite, oder dein css das hier für zustendig ist? vilecht können wir die so besser helfen da wir dann das vorhandene sehen.

[snoopy]

Ich war ein paar Tage offline, aber schonmal danke für deine Hilfe.
Hier ist der Link: http://www.denecke-bat.de/test/index...lung_text.html

[Nina]

Du hast den Rahmen für das li zugewiesen:

.mod_navigation li.trail { border:1px solid #FFFFFF; }

Mach mal stattdessen das hier draus:

.mod_navigation a.trail { border:1px solid #FFFFFF; }

Aber man muss dazu sagen, dass das nur für diese Subseiten passt, die links gar nicht in der Navigation auftauchen. Wenn du willst, dass es auch für die normalen Seiten (die links in der Navi anklickbar sind) passiert, wenn sie aktiv sind, musst du zusätzlich noch das hier definieren:

.mod_navigation span.active  { border:1px solid #FFFFFF; }

[whitestone]

schau dir mal diesen thread an

https://community.contao.org/de/showthread.php?t=3814

ich hatte auch einmal das problem mit der genauen ansprache der listenlevels

vielleicht hilft es

[snoopy]

Ist soweit OK. Aber der Rahmen sollte über die Breite des Menü's gehen und nicht nur das Wort umrahmen. Der obere Menüpunkt soll nicht mehr umrahmt sein, wenn der Unterpunkt aktiv/umrahmt ist. Vielleicht hast du ja noch einen Tip.

[brandtmarke]

.mod_navigation span {display:block;}

dann gehts über die ganze Breite; bei der .trail Klasse die border wegnehmen ...

[snoopy]

Und wie bekomme folgenden Status hin:
Hauptpunkt ausgewählt, dann umrahmt (Unterpunkt(e) nicht umrahmt)
Unterpunkt ausgewählt, dann umrahmt (Hauptpunkt, übergeordnet, nicht mehr umrahmt)

[brandtmarke]

Wenn immer NUR der aktive Pubkt einen Rahmen haben soll versuch mal

.mod_navigation span {display:block; border: 1px solid #fff;}

damit hast Du das letzte Kind Element Selektiert und beim Standard Navigationstemplate ist der aktive Punkt als einziges ein span Tag ... Du brauchst dafür die Klasse .active im Grunde nicht ...

[Sebastian]

HI

Vorsicht, es muss span.active heißen. Es gibt nämlich bei TL im Falle einer internen Weiterleitung auf die aktive Seite auch noch span.trail.

Sebastian