Supportnet / Forum / Webseiten/HTML
css Problem (Hover bei visited Link)
Frage
Hallo,
ich habe eine website mit folgendem Code: (Beispiel)
[code]
<style type="text/css">
.link1 a:link { color:#FFDD97; text-decoration: none; }
.link1 a:hover { color:red; text-decoration: none}
.link1 a:visited { color:#FFDD97; text-decoration: none; }
.link1 a:active { text-decoration: none; }
.link2 a:link { color:#000080; text-decoration: none; }
.link2 a:hover { color:red; text-decoration: none}
.link2 a:visited { color:#000080; text-decoration: none; }
.link2 a:active { text-decoration: none; }
</style>
<span class="link1">
<a href="http://www.ebay.de">ebay</a>
</span>
<br>
<br>
<span class="link2">
<a href="http://www.ricardo.de">ricardo</a>
</span>
[/code]
Das ganze klappt soweit auch, allerdings habe ich ein Problem. Ich will, dass der Hovereffekt, also das rot, auch noch funktioniert, wenn ich den Link einmal angeklickt habe. Sobald der Link "visited" ist, funktioniert der Hover nicht mehr. Kann mir da einer helfen?
Antwort 1 von Dr.Ma-Busen
Moin!
Das Problem liegt bei der reihenfolge der Pseudoformate von link, hover, visited und active
Du musst das in der Reihenfolge:
machen. Dann sollte es funktionieren.
MfG
Das Problem liegt bei der reihenfolge der Pseudoformate von link, hover, visited und active
Du musst das in der Reihenfolge:
a:link{...}
a:visited{...}
a:hover{...}
a:active{...}machen. Dann sollte es funktionieren.
MfG
Antwort 2 von snemies
Oh man... und ich such rum woran das liegt!!!
VIELEN DANK!!!!
VIELEN DANK!!!!