Sebastian Becker: Hover underline

Beitrag lesen

Hallo,

vielleicht kann mir jemand bei folgendem Problem(chen) helfen:

das Aussehen meiner Links wird so definiert:

body a:link {
color : #0066CC;
text-decoration : none;
}
body a:visited {
/*#CC66CC*/
color : #0066CC;
text-decoration : none;
}
body a:hover {
color : #FF9933;
text-decoration : underline;
}
body a:active {
color : #CCCCCC;
text-decoration : none;
}

Vor allen Links positioniere ich innerhalsb des <a href=...> ein Bild mit einem Symbol und ein Leerzeichen. Das Leerzeichen macht nun natürlich auch den hover-underline-Effekt mit und das sieht nicht so schön aus.

Wenn ich jetzt extra für das Leerzeichen einen neuen Style ohne underline definiere, wird dieser nicht angewendet und Dreamweaver zeigt mir an: Style not available.

Was habe ich falsch gemacht?

Danke für alle Tips,

Grüße

Sebastian