son gohan
Erfahrenes Mitglied
Hallo,
kann mir jemand sagen warum dieser Tooltip von mir zwar die Farbe vom Container wechselt, die Positionierungsverschiebung aber nicht funktioniert?
kann mir jemand sagen warum dieser Tooltip von mir zwar die Farbe vom Container wechselt, die Positionierungsverschiebung aber nicht funktioniert?
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><title>CSS Test</title>
<style type="text/css">
a.rot .grun,
a.rot:link .grun,
a.rot:visited .grun{
display:block;
width:60px;
height:60px;
background:#00FF00;
position:absolute;
left:100px;
}
a.rot:hover .grun {background:#fff;width:60px;height:60px;left:208px;}
a.rot:active .grun {background:#fff;width:60px;height:60px;left:208px;}
a.rot:focus .grun {background:#fff;width:60px;height:60px;left:208px;}
</style>
</head>
<body>
<div style="width:200px;height:200px;background:#FFFF00;position:relative">
<div style="width:40px;height:40px;position:absolute;border:6px solid #ffff00;background:#FF0000;"><a class="rot" href="#">Link<span class="grun">Tolltip</span></a></div>
</div>
</body>
</html>