link - hover nur einmalig

[Earl of Green]

Hallo,

ich hab ein kleines Problem.

Ic h habe über CSS meine Navilinks und normale Links festgelegt. Die Hovereffekte werden aber nur beim (bzw. vorm) ersten klick ausgeführt. Dannach bleibt der Link unverändert beim übergqueren mit der Maus.

Ich hatte so ein Problem schon füher unter XAMPP, aber online ging es. Jetzt geht es online auch nicht mehr. Mein CSS Wissen ist schon etwas älter. Gibts da vielleicht ne neue Sache?

/* ===== TEXTLINKS ================================================================================================= */
a:link    {  font: 12px Arial,Verdana,Helvetica; text-decoration: none; color: #90ABC1; font-weight: normal}
a:hover   {  font: 12px Arial,Verdana,Helvetica; text-decoration: underline; color: #90ABC1 }
a:visited {  font: 12px Arial,Verdana,Helvetica; text-decoration: none; color: #90ABC1; font-weight: normal}
a:active  {  font: 12px Arial,Verdana,Helvetica; text-decoration: none; color: #90ABC1; font-weight: normal}


/* ===== MAINNAVLINKS ================================================================================================= */
a.linknav:link     {  font: 12px Arial,Verdana,Helvetica; text-decoration: none; color: #000000; font-weight: normal}
a.linknav:hover    {  font: 12px Arial,Verdana,Helvetica; text-decoration: none; color: #000000; font-weight: bold}
a.linknav:visited  {  font: 12px Arial,Verdana,Helvetica; text-decoration: none; color: #000000 }
a.linknav:active   {  font: 12px Arial,Verdana,Helvetica; text-decoration: none; color: #000000; font-weight: normal} 

Danke und Gruß
Stefan

[Kropff]

schau dir mal das hier an (1. und 2. beispiel)

peter

[asp2php]

bitte die festgelegte Reihenfolge beachten: :active und :hover müssen nach :link und :visited definiert sein, da sie sonst die Eigenschaften von :visited übernehmen und die eigene Definition ignorieren.

[kuddeldaddeldu]

Re: link - hover nur einmalig

Hi,

Original geschrieben von Earl of Green


Ich hatte so ein Problem schon füher unter XAMPP, aber online ging es. Jetzt geht es online auch nicht mehr. Mein CSS Wissen ist schon etwas älter. Gibts da vielleicht ne neue Sache?

Was hat ein clientseitiges Problem denn mit dem Server zu tun?

Vertausche mal die :hover- und die :visited-Definitionen.

Beachten Sie:

Um die meist gewünschte Darstellung dieser Pseudoklassen zu erreichen, müssen Sie bei der Notierung die Reihenfolge des Beispiels einhalten.

Quelle: SELFHTML

LG

[Earl of Green]

Danke, die Reihenfolge hats gebracht!

Die näheren CSS Schreibungen und die Vererbung schau ich mir bei Gelegenheit auf jeden Fall mal an.
Grüße