a:hover funktioniert nur einmal

[Mike©]

Moin @ All,

ich habe den Style von Textlinks mit CSS festgelegt. Geht auch ganz gut, aber der hover funktioniert nur bis der Link einmal angeglickt wurde.

Der link ist blau und beim Überfahren wird er schwarz, allerdings bleibt er blau wenn er einmal geklickt worden ist.

Hier der CSS Part:

A:link
{
 FONT-WEIGHT: 800; COLOR: #0000FF;
 FONT-FAMILY: Tahoma, Verdana,sans-serif;
 TEXT-DECORATION: underline;
}

A:visited
{
 FONT-WEIGHT: 800;
 COLOR: #0000FF;
 FONT-FAMILY: Tahoma, Verdana,sans-serif;
 TEXT-DECORATION: underline
}

A:hover
{
 FONT-WEIGHT: 800;
 COLOR: #000000;
 FONT-FAMILY: Tahoma, Verdana,sans-serif;
 TEXT-DECORATION: underline
}

A:active
{
 FONT-WEIGHT: 800;
 COLOR: #0000FF;
 FONT-FAMILY: Tahoma, Verdana,sans-serif;
 TEXT-DECORATION: underline
}

Weiß jemand, warum der hover Effekt nach dem Anklicken nicht mehr funktioniert?

Danke & regds
Mike©

[clynx]

Moin @ All,

Moin

ich habe den Style von Textlinks mit CSS festgelegt. Geht auch ganz gut, aber der hover funktioniert nur bis der Link einmal angeglickt wurde.

Der link ist blau und beim Überfahren wird er schwarz, allerdings bleibt er blau wenn er einmal geklickt worden ist.

Hier der CSS Part:

[...]

Weiß jemand, warum der hover Effekt nach dem Anklicken nicht mehr funktioniert?

Setze das Hover ans Ende dann geht's auch beim Internet Explorer ... vernünftige Browser bekommen das auch so hin ;o)

Lieben Gruß

clynx

[Kalle_Worms]

Moin,

A:link
A:visited
A:hover
A:active

Weiß jemand, warum der hover Effekt nach dem Anklicken nicht mehr funktioniert?

Verdacht: Es ist die Reihenfolge. Active hat Vorrang vor Hover. Setze Hover zuletzt.

Kalle

[Götz]

Hallo Mike© !

Der link ist blau und beim Überfahren wird er schwarz, allerdings bleibt er blau wenn er einmal geklickt worden ist.

Weiß jemand, warum der hover Effekt nach dem Anklicken nicht mehr funktioniert?

Es könnte ander der :visited-Definition liegen, die weist dem Eintrag ja auch die Farbe blau zu.
Je nachchdem, in welcher Reihenfolge diese Definitionen liegen, kann es zu "Problemen" kommen.

Zum Thema "optimale Reihenfolge" siehe auch http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus.

MfG
Götz

[Freezer]

hiho

wenn du visited nicht brauchst, könntest du auch nur mit folgender Formatierung arbeiten:

a
{
   ...
}

a:hover
{
   ...
}

funktioniert garantiert :). Ich weiss aber nicht wie regelkonform das ganze ist...

greez Freezer

[Mike©]

Moin @ All,

vielen Dank für die schnelle Hilfe.
Es lag an der Reihenfolge der CSS Definitionen.

regds
Mike©