WordPress.org

1. Stereomike777
   Member
   Posted 11 months ago #

   Hi,
   I managed to fumble these lines together (thumbnal preview with zoom):
   

   <table>
   <tr style="color:#00000; background-color:#ffdddd">
   <td><a href="http://www.google.com" onMouseover="p.height='100';" onMouseout="p.height='40'"><strong>Just hover here or click</strong></a></td><td><IMG SRC="http://t3.gstatic.com/images?q=tbn:ANd9GcRsI_CIQv8Lz3hu4N-juvmp7_xKYKLoidTD8PCLRwx8lyrLJbrZXQ"  HEIGHT="40" NAME="p" BORDER="0"></td>
   </tr>
   </table>

   It works, as it zooms the image on hover, but since it is not absolutely positioned, the layout changes when you hover due to the larger image.
   It would be better, if the image just gets bigger and overlaps the surrounding text, without shifting the table.

   I tried things like p.position="absolut" but I can't manage to let the image appear on the fitting line, it just gets shown somewhere in the page (without relation to the original occurence of the picture).

   Can somebody help me with that?
   Thank you!

Reply

You must log in to post.