>> Jetzt muss ich nur noch das mit dem Text hinkriegen.
Ich hatte schon einmal hier ein Beispiel gepostet:
http://www.hilfdirselbst.ch/foren/Ebene_ein-_und_ausblenden_P438582.html#438582
Zusammen mit dem Code von selfhtml
http://aktuell.de.selfhtml.org/artikel/css/mouseover/#a4
ergibt sich diese Lösung zum Ein- und Ausblenden des Textes mit Bildwechsel ohne Javascript:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<title></title>
<style>
a {
display:block;
background-image:url(http://aktuell.de.selfhtml.org/artikel/css/mouseover/button.gif);
width:120px; height:30px
}
a:hover { background-image:url(http://aktuell.de.selfhtml.org/artikel/css/mouseover/button_on.gif);
border:0;
position:relative;
z-index:10;
text-decoration:none;
}
a b {display:none;}
a:hover b {
display:block;
position:absolute;
top:30px;
left:0px;
padding:5px;
font-weight:normal;
color:#000;
border:1px
solid #f00;
width:110px;
}
</style>
</head>
<body>
<a href="http://example.com"><b>Vorname Name</b></a>
</body>
</html>
