Hallo stabest,
ich hab mal deinen code ein bischen verbessert,
was ich verbesser habe, also ich habe border="0" bei
<img...../> eingefügt, was das jetzt mach es lest denn blauen rahmen um die bilder verschwinden, das sieht dann am ende einfach besser aus
Zitat: <script type="text/javascript">
function anzeigen(das){
if(document.getElementById(das).style.display=="none") {
document.getElementById(das).style.display="inline";
}
else {
document.getElementById(das).style.display="none";
}
}
</script>
<style type="text/css">
.bereich {
position: absolute;
}
.beschreibung {
color: #000000;
background-image: url(http://www.homepage-total.de/javascript/ausruf.gif);
background-repeat: none;
width: 171px;
height: 110px;
position: relative;
left: -25px;
display: block;
padding-top: 5px;
padding-left: 25px;
padding-right: 5px;
}
</style>
<!-- Erstes Bild -->
<a href="http://www.URL.de">
<img border="0" alt="" onMouseover="anzeigen('text1');" onMouseOut="anzeigen('text1');" src="http://img.webme.com/pic/z/zwobot/frtt.jpg"></a>
<span class="bereich" style="display: none;" id="text1">
<div class="beschreibung">Alles was man für seine Homepage braucht findest <br>
du hier<br> </div> </span>
<!-- Zweites Bild -->
<a href="http://www.URL.de">
<img border="0" alt="" onMouseover="anzeigen('text2');" onMouseOut="anzeigen('text2');" src="http://img.webme.com/pic/z/zwobot/frt.jpg"> </a>
<span class="bereich" style="display: none;" id="text2">
<div class="beschreibung">Alles was man für seine Homepage braucht findest <br>
du hier<br> </div> </span>