Link wird nicht mehr gehovert, sobald eine Seite "visited" ist

[Gerhard]

Hallo,

ich habe ein mir unverständliches Problem.
Meine Hyperlinks formatiere ich hiermit:

  
a:link {  
 font-family:Verdana,Arial,Helvetica;  
 font-weight:normal;  
 font-size:10pt;  
 color:#000000;  
 text-decoration:none;  
}  
  
a:active {  
 font-family:Verdana,Arial,Helvetica;  
 font-weight:normal;  
 font-size:10pt;  
 color:#000000;  
 text-decoration:none;  
}  
  
a:hover {  
 font-family:Verdana,Arial,Helvetica;  
 font-weight:normal;  
 font-size:10pt;  
 color:#ffffff;  
 text-decoration:underline;  
}  
  
a:visited {  
 font-family:Verdana,Arial,Helvetica;  
 font-weight:normal;  
 font-size:10pt;  
 color:#000000;  
 text-decoration:none;  
}  
  
a:focus {  
 font-family:Verdana,Arial,Helvetica;  
 font-weight:normal;  
 font-size:10pt;  
 color:#000000;  
 text-decoration:none;  
}  

Also sollte der Link anfangs schwarz erscheinen, und beim Drüberfahren mit der Maus dann weiss. Dass macht er auch, solange eine Seite nicht als "visited" eingestuft wird, ab dann wird der hover-Effekt nicht mehr ausgeführt.

Wo liegt der Fehler bzw. wie kann ich das ändern?

Danke im Voraus
lg Gerhard

[Der Martin]

Hallo Gerhard,

Dass macht er auch, solange eine Seite nicht als "visited" eingestuft wird, ab dann wird der hover-Effekt nicht mehr ausgeführt.

das ist ja auch logisch, weil das Ruleset für a:visited _nach_ dem für a:hover kommt. Die für :hover definierten Eigenschaften werden also von :visited wieder überschrieben. Denk mal genau über eine sinnvolle Reihenfolge nach, beachte dabei, welche Pseudoklasse in welcher Situation gilt.

Schönen Tag noch,

Martin

[Christoph Schnauß]

hallo Gerhard,

ab dann wird der hover-Effekt nicht mehr ausgeführt.

Lies bitte nochmal den Punkt "Beachten Sie" in http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm

Grüße aus Berlin

Christoph S.

[MudGuard]

Hi,

Lies bitte nochmal den Punkt "Beachten Sie" in http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm

Dazu beachten sie aber auch http://bugs.selfhtml.org/bug.php?op=show&bugid=1193 (eben neu eingefügt).

cu,
Andreas

[Ingo Turski]

Hi,

Dazu beachten sie aber auch http://bugs.selfhtml.org/bug.php?op=show&bugid=1193 (eben neu eingefügt).

Danke (wieder mal) für den Hinweis zu dieser Seite.
Ich hoffe, mit der Umstellung zu "Der Internet Explorer ignoriert :focus und interpretiert :active fälschlich als :focus;" und dem Hinzufügen von :active für andere Elemente haben wir diesen Abschnitt jetzt richtig formuliert. ;-)

freundliche Grüße
Ingo

[Marc Reichelt]

Hallo Gerhard,

Also sollte der Link anfangs schwarz erscheinen, und beim Drüberfahren mit der Maus dann weiss. Dass macht er auch, solange eine Seite nicht als "visited" eingestuft wird, ab dann wird der hover-Effekt nicht mehr ausgeführt.

Wo liegt der Fehler bzw. wie kann ich das ändern?

Du musst die Reihenfolge verändern. ;)
Du definierst :visited nach :hover, umgekehrt wird es so sein wie du es haben möchtest.

Noch eine Frage: Wieso betreibst du so einen großen Aufwand, und schreibst die gleichen Sachen immer wieder neu rein? Ich würde das so machen (inklusive richtiger Reihenfolge):

  
a {  
 font-family:Verdana,Arial,Helvetica;  
 font-weight:normal;  
 font-size:10pt;  
 color:#000000;  
 text-decoration:none;  
}  
  
a:visited {  
  
}  
  
a:focus {  
  
}  
  
a:hover {  
 color:#ffffff;  
 text-decoration:underline;  
}  
  
a:active {  
  
}  

Wie du siehst hast du für einige Links gar keine Informationen angegeben, die sich von dem normalen Link unterscheiden.

Grüße

Marc Reichelt || http://www.marcreichelt.de/

[Gerhard]

Du musst die Reihenfolge verändern. ;)
Du definierst :visited nach :hover, umgekehrt wird es so sein wie du es haben möchtest.

Ohh, die Schamesröte steigt mir ins Gesicht: Ich gebe zu, dass die Reihenfolge ausschlaggebend ist, höre ich heute zum ersten Mal.

Danke vielmals
lg Gerhard

[at]

Hallo.

Ohh, die Schamesröte steigt mir ins Gesicht: Ich gebe zu, dass die Reihenfolge ausschlaggebend ist, höre ich heute zum ersten Mal.

Und als Sahnehäubchen: Wenn du die Pseudoklassen miteinander kombinierst, lassen sich bereits besuchte Verweise bei Fokussierung, Berührung oder Aktivierung anders darstellen als unbesuchte. Wenn man zum Beispiel besuchten Verweisen eine andere Farbe gibt, lässt sich so der Effekt des Aufhellens dieser unterschiedlichen Farben erzielen.
Weshalb dies auf der entsprechenden SelfHTML-Seite nicht erwähnt wird, entzieht sich meiner Kenntnis.
MfG, at