Das läßt sich realativ einfach mit CSS umsetzen.
.over a:hover{ border:none; /* Bug fix für IE */ }
.over a span{ display: none; }
.over a:hover span{
position:absolute;
left:180px;
width: 200px;
display: block;
margin-top:-1em;
padding: 5px;
color: #000;
background-color:#fff;
border:1px solid black;
text-decoration: none;
}
> ~~~html
<div class="over">
> <a href="#">Link<span>Der Text und das Bild</span></a>
> <a href="#">Link<span>Der Text und das Bild</span></a>
> <a href="#">Link<span>Der Text und das Bild</span></a>
> </div>
>
»»Struppi.
Habe gerade per Zufall bemerkt, dass wenn ich zwischen den Grafiken für die Menüpunkten (ca. dort, wo die Bilder beim hover erscheinen) mit der Maus durchfahre, seltsamer Weise die Bilder, die ich mit dem hover eingebunden habe, plötzlich ungewollt erscheinen. Ich kann mir das nicht erklären, da das eigentlich nur geschen sollte, wenn ich den Link überfahre, der ja nur auf dem Menüpunkt liegt :(
Die Menüpunkte sind mit CSS positioniert auf einer Hintergrundgrafik