hover bei Link funktioniert nicht

[Irene]

Hallo,
ich habe eine wahrscheinlich lächerliche Frage, aber in diesem Fall funktioniert die "hover" Funktion nicht.
Vielleicht habe ich mich irgendwo vertippt, den bis jetzt war das nie ein Problem.

Eintrag in der html-Datei:
<a onclick="InhaltSchreiben('2012');" class="menulink">2012</a>
<a onclick="InhaltSchreiben('2011');" class="menulink">2011</a>
...


Eintrag in der CSS Datei:

.menulink {
font-family: Verdana, Arial, Helvetica, sans-serif, "AvantGarde Bk BT", "AvantGarde Md BT";
font-size: 16px;
color: #897358;
text-decoration: none;
}
a.menulink:hover {
color: #8b4933;
}

Der erste Teil funktioniert (Font...) aber die hover Farbe nicht.

Vielen Dank im Voraus

Irene

 

[Tronjer]

Versuche es mal mit einem Wortabstand: a .menulink:hover

 

[bdt600]

a.menulink:link, a.menulink:visited, a.menulink:active{
font-family: Verdana, Arial, Helvetica, sans-serif, "AvantGarde Bk BT", "AvantGarde Md BT";
font-size: 16px;
color: #897358;
text-decoration: none;
}
a.menulink:hover {
color: #8b4933;
}

 

[Irene]

Das funktioniert leider auch nicht, auch der erste Teil nicht.

Interessant ist, dass alles geht, wenn ich den Link ohne Javascript-Funktion aufrufe.

<a onclick="Datei.html" class="menulink">2012</a>

wo ist da der Unterschied?

 

[haberkorn]

Ich glaube du hast da was verdreht.
Versuche mal:

.menulink a:hover {
color: #8b4933;
}

 

[Irene]

funktioniert leider auch nicht

 

[Banana_Jones]

Möglicherweise hat der Browser Probleme, weil du das 'href'-Attribut weggelassen hast. Der Code von bdt600 sollte an sich funktionieren.

 

[threadi]

Ja, ein fehlendes href-Attribut kann problematisch sein. Ergänze es einfach:

<a onclick="InhaltSchreiben('2012');" class="menulink" href="javascript:void(0);">2012</a>

Und verwende bitte Code-Tags, wenn Du Quellcode im Forum zeigst.

 

[Tronjer]

Würde es denn nicht anstatt des javascript:void(0) auch ein

href="#"

tun?

 

[Banana_Jones]

Würde es denn nicht anstatt des javascript:void(0) auch ein

href="#"

tun?

Springt aber immer an den Kopf der Seite, was unschön ist, wenn sich der Link unterhalb der ersten Bildschirmseite befindet

 

[Irene]

das habe ich mir auch schon gedacht, denn sonst hat das immer funktuioniert, trotzdem danke

 

[threadi]

Es springt nicht, wenn man in der onclick-Funktion einen "return false;"-Wert stehen hat.