[gelöst] active-trail hervorheben
am 25.05.2010 - 22:26 Uhr in
'n Abend,
ich würde gerne einen (etwas längeren) active-trail farblich markieren. Genauer: die Links auf diesem Pfad. Das Problem ist, dass ich entweder alle Links eines als active-trail markierten Listein-Elements hervorheben kann, oder keines.
Folgendes bezieht sich leider auch auf alle Links innerhalb eines Listenelements, welches selbst als zum aktiven Pfad gehörend gekennzeichnet ist.
li.active-trail a{
font-weight: bold;
color: #01624C;
}
Wenn ich versuche dem entgegenzuwirken, indem ich die einfachen, nicht-active-trail Links extra markiere, funktioniert die o.g. Markierung auch nicht für Links innerhalb von li-Elementen, die das active-trail attribut haben:
li.active-trail li a{
font-weight: normal;
color: #5D5D5D;
}
Kurzum: wer kann mir das korrekte CSS nennen, das mir neben dem Link, der als "active" gekennzeichnet ist, auch noch alle Links auf dem active-trail (und nichts außerhalb dieses Pfades) hervorhebt?
Vielen Dank.
- Anmelden oder Registrieren um Kommentare zu schreiben
li a.active, li.active-trail
am 25.05.2010 - 22:34 Uhr
li a.active, li.active-trail li a.active {
font-weight: bold;
color: #01624C;
}
li.active-trail li a {
font-weight: normal;
color: #5D5D5D;
}
auf die schnelle - hilft dir das? hängt schon sehr von der ebenenzahl und dem template-aufbau etc. ab ...
SG dS
Für eine festgelegte Anzahl
am 25.05.2010 - 23:09 Uhr
Für eine festgelegte Anzahl von Ebenen bekomme ich mein Theme schon so vergewaltigt, dass es klappt. Ich hätte es aber gern so, dass es für eine beliebige Anzahl von Untermenüpunkten funktioniert :-)
Wenn ich dein CSS richtig interpretiere, werden ausschließlich Links hervorgehoben (farblich, fett), die als "active" markiert sind. Es hat aber lediglich das gerade angewählte Menüelement das Attribut "active". Deswegen müsste
li a.active, li.active-trail li a.active {
font-weight: bold;
color: #01624C;
}
die gleiche Auswirkung haben wie
li a.active {
font-weight: bold;
color: #01624C;
}
Ich glaube, ich bekomme es noch nichtg anz hin, das auszudrücken, was ich gern hätte :-) Bitte fragen, wenn was unklar ist.
Danke.
Edit: hier das Beispiel des Designers
unbegrenzte ebenen - ok
am 26.05.2010 - 09:20 Uhr
unbegrenzte ebenen - ok ...
hilft dir?
a.active, li.active-trail > a
{font-weight:bold;}
ist CSS2 - kein IE6 ...
sorry - ich habe gerade so wenig zeit und kann nicht richtig testen ...
mal davon abgesehen lässt menu-trails die
<a>
unberührt - macht die sache wirklich komplizierter - sonst wird doch bei drupal nie mit css-klassen gegeizt :)SG dS
p0rn0! Warum kenne ich den
am 26.05.2010 - 09:42 Uhr
p0rn0! Warum kenne ich den Child-Selector nicht? Soll der IE6 anzeigen was er will. Die funktionalität wird weiterhin gegeben sein und wenn's nicht ganz so hübsch ist, werden die Leute damit zurechtkommen. Merci vielmals.