Billede, når musen føres over

<div id="txt" onmouseout="this.style.display='none';document.getElementById('pic').style.display='block';">txt<br>txt<br>txt<br>txt<br></div>
<div id="pic" style="display:none;" onmouseout="this.style.display='none';document.getElementById('txt').style.display='block';"><img src="gfx/pic1.gif" alt=""></div>

Fatter ikke en meter af det.

sorry - sådan:

<div id="txt" style="display:inline;"  onmouseover="this.style.display='none';document.getElementById('pic').style.display='inline';">txt<br>txt<br>txt<br>txt<br></div>
<div id="pic" style="display:none;" onmouseout="this.style.display='none';document.getElementById('txt').style.display='inline';"><img src="gfx/pic1.gif" alt=""></div>

og så kan det være en god idé at sætte height og width på dine div's hvis ikke billedet flyder lige så meget som teksten...

eller sådan hvis din tekst står på en ens farvet baggrund:

<div id="txt" onmouseover="this.style.color='white';this.style.background='transparent url(gfx/pic1.gif) no-repeat';" onmouseout="this.style.color='black';this.style.background='';">txt<br>txt<br>txt<br>txt<br></div>

så skal farverne(black/white) selvfølgelig justeres derefter...

Okay... Kigger lige på det, og så skriver jeg tilbage!

Svar