Problem mit hover für einzelnen DIV#

[Nico]

Hallo zusammen,
ich habe ein Problem mit meiner CSS Bearbeitung. Ich habe in meiner Seite mehrere Container und bin dabei zu versuchen, bei verschiedenen Containern verschiedene Link Effekte zu erzeugen.

Beispiel: Ich habe die ganzen Linkeinstellungen einmal für den Body angegeben. Jetzt habe ich einen Container iwo auf der Seite und hier sollen andere Effekte auftreten. Dabei passiert folgendes: Ich kann den hover Effekt für den Container ändern aber wenn ich für den Container auch noch gleichzeitig den a:link ändere, dann reagiert der hover nicht mehr


Das sind die globalen Einstellungen:

Code: Alles auswählen

a:link {
   color: #03C;
   text-decoration: none;
}
a:visited {
   text-decoration: none;
   color: #03C;
}
a:hover {
   text-decoration: none;
   color: #03C;
}
a:active {
   text-decoration: none;
   color: #03C;
}



Und das die für meinen Container:

Code: Alles auswählen

#Topnavi_7 a:hover {
   color:#333;
}

#Topnavi_7 a:link {   <--- Wenn der weg ist geht der hover. Wenn er da ist nicht!
   color:#FFF;
}


[sejuma]

Deine globalen Einstellungen sind von der Reihenfolge her richtig.

Bei den Containereinstellungen musst du zuerst a:link und dann a:hover angeben, siehe hier Ziffer 8: http://www.ohne-css.gehts-gar.net/0061.php

Beachte: Der IE bis Version 6 unterstützt den Hovereffekt nicht für divs.