Tooltip mit CSS

[Hape]

Hier der CSS-Abschnitt:

Code: Alles auswählen

<style type="text/css">
<!--
body {background-color: #cccccc}
a {text-decoration: none}
a:hover {color: #FFCC66; background-color:#6E0509;}
a:hover span {display: block; position: absolute; top: 85px; left:400px; }
a span {display: none;}
img {border: 1px solid navy; padding: 3px}
-->
</style>

Hier die Links:

Code: Alles auswählen

<a href="#">Mario<span><img src="URL zum Bild"></span></a><br>
<a href="#">Willi<span><img src="URL zum Bild"></span></a>

Hier eine Demoseite: https://hapes-javascript-demo-page.hpag ... ltip3.html