Hallo,
ich habe ein merkwürdiges Problem mit den Pseudoklassen. Bevor ich eine Frage stelle, versuche das Problem immer erst selbst zu lösen. Bisher habe ich im Internet recherchiert, Bücher gewälzt, zahllose Test in verschieden Browsern ausgeführt, aber nach einer ergebnislosen Woche brauche ich eure Hilfe. Ich habe folgenden Fall:
Bei einer vertikalen Navigation (einfache Textlinks) habe ich versucht den einzelnen Klassen Farben zu zuordnen.
Beim Seitenaufruf soll die Linkfarbe schwarz sein.
Beim „Drüberfahren“ gelb.
Beim „Gedrückthalten“ grün.
Und die besuchten Links sollen weis sein.
Sobald ich aber z.B. die Seite 1 im Browser aufrufe, sind alle Textlinks sofort weis (also visited) markiert.
Hover, focus und active funktionieren einwandfrei!
Auch wenn ich die Reihenfolge variiere, es funktioniert einfach nicht.
Oder übersehe ich hier irgendwas?
Ich bin auch gern bereit, mich total zu blamieren, wenn sich herausstellt, dass das Problem eine Banalität ist.
Externe Datei Layout.css
/*
body{ background-color: #808080;}
a:link {color:black;}
a:visited {color: white;}
a:hover {color: yellow;}
a:active {color: green;}
a:focus {color:silver;}
*/
navitest1.htm
<!---
<body>
<h1>Seite 1</h1>
<p><a href="navitest1.html">Ein Link Seite 1</a></p>
<p><a href="navitest2.html">Ein Link Seite 2</a></p>
<p><a href="navitest3.html">Ein Link Seite 3</a></p>
</body>
--->
Es wäre schön, wenn mir jemand helfen könnte.
Vor lauter „Haare raufen“ habe ich schon fast Glatze.
Viele Grüße
Martin
Dort sollte es noch keinen Browser-cache geben bzw. er dürfte die Seiten noch nicht enthalten...
