nicht angemeldet
Hallo Mathias,
.mol {position:relative;}
Wozu ist das nötig...? (Eine reine Frage.)
...ist von meiner eigentlichen Absicht übrig geblieben (siehe unten)
Hier brauche ich die position-Angabe, damit der DIV überhaupt als Container akzeptiert wird. Ohne positioniert sich das Bild im Body.
.mol a {display:block; text-decoration:none; color:#003031; font-family:VERDANA,ARIAL,HELVETICA; font-size:1em;}
Mit display:block würde ich vorsichtig sein,
...ebenso ein Überbleibsel von (siehe unten)
Ohne display:block wird im Netscape 6.x die Position des Bildes bei hover nicht verändert. Im IE schon.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
<!--
.mol {position:relative;}
.mol a {display:block; height:16px; text-decoration:none; color:#003031; padding-left:40px; font-family:VERDANA,ARIAL,HELVETICA; font-size:1em;}
.mol a:visited {color:#007173;}
.mol a:hover {color:#00AEAD; padding-left:41px;}
.mol a:active {color:#003031;}
.mol a .lbild {position:absolute; left:0; top:0;}
.mol a:hover .lbild {position:absolute; left:20px; top:0;}
-->
</style>
</head>
<body>
<div class="mol">
<a href="#"><img class="lbild" src="lbild.gif" alt="B" width="16" height="16" border="0"/>Linktext</a>
</div>
<div class="mol">
<a href="#"><img class="lbild" src="lbild.gif" alt="B" width="16" height="16" border="0"/>Linktext länger</a>
</div>
<div class="mol">
<a href="#"><img class="lbild" src="lbild.gif" alt="B" width="16" height="16" border="0"/>Linktext</a>
</div>
</body>
</html>
Weitere Erklärungen:
Ohne die height-Angabe beim a kann der IE5.5 nichts mit dem display:block anfangen und positioniert das Bild nicht absolut. Irgendeine Breiten-Angabe geht auch.
Ohne eine Änderung bei a:hover (Schriftstil, Schriftgröße oder Position) wird beim IE5.5 die :hover .lbild nicht ausgelöst. Eine Änderung der Text-Farbe reicht nicht, wohl aber die Änderunge der Hintergrundfarbe.
Verbesserungsvorschläge sind auch hierfür willkommen ;-))
Gruß
Axel