Linkfarbe setzen! Topic is solved

Deutschsprachiger Support für CMS Made Simple
Post Reply
teppichreiniger

Linkfarbe setzen!

Post by teppichreiniger »

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
}
Darien

Re: Linkfarbe setzen!

Post by Darien »

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
Dieter
Forum Members
Forum Members
Posts: 29
Joined: Thu May 18, 2006 12:21 pm

Re: Linkfarbe setzen!

Post by Dieter »

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):

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;
}
Hoffentlich hilft Dir das.

Gruß, Dieter
Post Reply

Return to “German - Deutsch”