Tryit Editor v1.4

<html> <head> <style> table { background:black; } a { text-decoration:none; color:#000000; } th { width:150px; background:#FF8080; } td { font:bold; background:#ADD8E6; } </style> <script type="text/javascript"> function gettip(image) { document.getElementById('tip').innerHTML="<img src='" + image + "' />"; } function reset() { document.getElementById('tip').innerHTML=" "; } </script> </head> <body> <b>Mouse over the links to see their logos</b><br /> <table width="400px"> <tr> <th> <a href="../default.asp.htm" onmouseover="gettip('w3schools.gif')" onmouseout="reset()">W3Schools.com</a> </th> <td rowspan="3" id="tip" align="center" valign="center"> </td> </tr> <tr> <th> <a href="../../www.microsoft.com/default.htm" onmouseover="gettip('microsoft.gif')" onmouseout="reset()">Internet Explorer</a> </th> </tr> </tr> <tr> <th> <a href="../../my.netscape.com/default.htm" onmouseover="gettip('netscapelink.gif')" onmouseout="reset()">Netscape Navigator</a> </th> </tr> </table> </body> </html> | Your Result:
Edit the code above and click to see the result. | W3Schools.com - Try it yourself