Hallo an alle,
ich habe folgendes Menü:
punkt1 | punkt2 | punkt3 | punkt4 | punkt5
Soweit keine große Sache, zwischen den Menüpunkten ein typischer Trenner mit |
Wenn jedoch z.B. der punkt3 ausgewählt (also CUR) ist, dann soll sich dessen Hintergrundfarbe ändern und die Trenner links und rechts verschwinden.
Der Trenner rechts ist kein Problem, der links aber schon. Dazu müsste man das Element links davon verändern können und das innerhalb
CUR {
.....(zugriff auf CUR Element - 1)
}
Wie könnte man sowas realisieren? Habe schon verschiedene Szenarien durchgespielt aber noch keine befriedigende Lösung gefunden. Theoretisch ginge es mit Javascript aber das ist nicht so wirklich elegant...
Schöne Grüße,
René
Hallo Renè,
die Farbe des aktuellen Menupunktes würde ich mit CSS machen
CUR.allWrap = <li class="aktuell">|</li>
.
Vielleicht kannst Du CUR.linkWrap anders machen als für den .NO Fall?
Gruß
Cope
Hallo cope,
sämtliche Farbangaben werden schon via CSS gesetzt. Das Problem ist, das ich immer nur den CUR Menüpunkt beeinflussen kann, nicht aber den eins vorher...
Gruß,
René
Ist zwar nur eine Krücke, funktioniert aber wunderbar...
Ich mache es bei so einer Aufgabenstenstellung so, dass ich auf jeden fall dem CUR Menüpunkt einen Hintergrund zuweise und dann mit position: relative; bzw. negativem padding über den Trenner drüber bewege, das klappt eigentlich ganz gut, auch wenn es eine ganz schöne Fummelei im CSS ist.
Viele Grüße
Christian