Hallo zusammen!
Ich habe eigentlich ein wohl recht einfaches Problem! Ich benutze das Template "Bulletmenu Vert 2 col". Im Stylesheet "Nav-Vertical" will ich nun für den aktiven Link eine Farbe setzen, für den a:hover Link funktioniert das auch aber für den a:active Link nicht. Ich habe keine Ahnung vorran es noch liegen könnte:
#menu_vert li a {
display: block;
text-decoration: none;
padding: 10px 5px 10px 10px;
color: #000000;
}
#menu_vert li a:hover {
color: #3830B0;
}
#menu_vert li a:active {
color: #3830B0;
die Farbe fällt immer wieder auf #000000; zurück, vielleicht kann mit jemand dabei helfen!
gruss
TR
}
Linkfarbe setzen! Topic is solved
Re: Linkfarbe setzen!
Hi...
also die Reihenfolge der Pseudoklassen stimmt. Das kann also nicht der Fehler sein..
Ich denke Du interpretierst die a:active Pseudoklasse falsch.
Der Link bekommt nur die Farbe #3830B0 wenn du auf den Link draufdrückst. Sobald der Link geöffnet wird fällt er wieder ins Schwarze zurück, das ist normal...
Mich hat auch lange die a:active Pseudoklasse verwirrt...
Ich hoffe ich konnte helfen, wenn nicht dann nochmal die Frage spezifiizieren
Darien
also die Reihenfolge der Pseudoklassen stimmt. Das kann also nicht der Fehler sein..
Ich denke Du interpretierst die a:active Pseudoklasse falsch.
Der Link bekommt nur die Farbe #3830B0 wenn du auf den Link draufdrückst. Sobald der Link geöffnet wird fällt er wieder ins Schwarze zurück, das ist normal...
Mich hat auch lange die a:active Pseudoklasse verwirrt...

Ich hoffe ich konnte helfen, wenn nicht dann nochmal die Frage spezifiizieren
Darien
Re: Linkfarbe setzen!
Danke Darien, ich hatte a:active bisher auch falsch verstanden.
Hallo Teppichreiniger, ich habe das mal auf einer Seite für die zweite (vertikale) Navigationsebene so hinbekommen (hier der Wechsel von outset zu inset):
Hoffentlich hilft Dir das.
Gruß, Dieter
Hallo Teppichreiniger, ich habe das mal auf einer Seite für die zweite (vertikale) Navigationsebene so hinbekommen (hier der Wechsel von outset zu inset):
Code: Select all
div#menu_vert ul ul li a,
div#menu_vert ul ul li a:link,
div#menu_vert ul ul li a:visited {
display: block;
padding: 3px 5px 3px 5px;
border: 2px outset;
line-height: 18px;
font-size: 90%;
font-weight: bold;
color: white;
}
div#menu_vert ul ul li a:hover {
border: 2px inset;
}
div#menu_vert .current a,
div#menu_vert .current a:link,
div#menu_vert .current a:active,
div#menu_vert .current a:visited,
div#menu_vert .current a:hover {
border: 2px inset;
}
Gruß, Dieter