Axel Benkert: Link Hover Effekt bei selbst definiertem CSS?

Beitrag lesen

#zurueck a:hover

Katharina,
Das selektiert a-Elemente _innerhalb_ des Elements mit der ID 'zurueck'. (Solche gibt’s nichts.)

<a id="zurueck"  onMouseOver="style.cursor = 'pointer'"> zur&uuml;ck</a>

Da die cursor-Eigenschaft für den Link sowieso nur relevant ist, wenn man mit der Maus drüberfährt, ist der Einsatz des Eventhandlers und JavaScript hier völlig unnötig. Setze die cursor-Eigenschaft ganz einfach im Stylesheet.

Live long and prosper,
Gunnar

Versuchs mal so:

<style type="text/css">
#zurueck {
 display   : block;
 width   : 100%;
 padding-top  : 25px;
 padding-left : 15px;
 padding-bottom : 10px;
 background-color: #C1CDD4;
 color   : #ffffff;
 font-weight  : bold;
 width   : 170px;
}

#zurueck:hover {
 color   : #FF0000;
 cursor  : pointer;
}
</style>

<a id="zurueck" href="#"> zur&uuml;ck</a>