CSS-FAQ

Um Gruppen von Navigations-Links getrennt zu formatieren, bediene ich mich der Syntax

#button a:link {...}
#button a:visited {...}
#button a:hover {...}
#button a:active {...}
#button a:focus {...}

Dabei gab es nie Probleme und es ist ja auch nichts Besonderes.

Aktuell trat nun in einem Projekt unter IE6 der Effekt auf, dass zwar das "Tabben" vorwärts korrekt funktionierte, beim Tabben rückwärts der IE6 die angesprungenen Links nicht mit der vorgesehenen Formatierung versah.
Alle anderen Browser, selbst ein IE5.01 unter Win98, interpretierten das Style richtig.

Die Ursache für dieses Verhalten lag darin, dass "einfache Links" im Style (noch) nicht vorgesehen und nicht formatiert waren.

Nach Ergänzen des Styles mit

a:link {...}
a:visited {...}
a:hover {...}
a:active {...}
a:focus {...}

war der Fehler behoben.

Es reichte aus, die Links in dieser Form im Style überhaupt zu definieren, Formatierungen mußten nicht zugewiesen werden.

Da ich bisher bereits in der Entwicklungsphase auch allgemeine Links - in der Regel Textlinks - berücksichtigt hatte, fiel dieses Verhalten nie auf.
In diesem Fall hatte ich mich aber zunächst um die Navigation gekümmert...

Wenn man es weiß, kann man sich viel Arbeit und die Fehlersuche ersparen. ;-)