PDA

View Full Version : image map distorting my table...

shortstuff
05-09-2004, 07:21 PM
i'm trying to image map as part of my table layout....but the image map is causing my table to distort slightly :(. The layout is at http://rustic-wings.net/v4.html - you can see that at the bottom of the layout there is an unwanted gap. Here's my code:

<html>
<head>
<link rel=stylesheet href="v3css.css" type="text/css">
</head>
<body bgcolor=C3D1DE>
<div align=center><br><br>

<table border=0 width=802 height=452 cellpadding=0 cellspacing=0 valign=top>
<tr valign=top>
<td colspan=3><img src=v4_a.jpg></td>
</tr>

<tr valign=top>
<td rowspan=2 width=329 height=350><IMG SRC="v4_b.jpg" WIDTH="329" HEIGHT="350" BORDER="0" USEMAP="#v4_b"><MAP NAME="v4_b">
<AREA SHAPE="circle" COORDS="296,129,25" HREF="menume.html" ALT="the creator" TARGET="iframe">
<AREA SHAPE="circle" COORDS="296,180,24" HREF="menuyou.html" ALT="the visitor" TARGET="iframe">
<AREA SHAPE="circle" COORDS="296,227,23" HREF="menudomain.html" ALT="the domain" TARGET="iframe">
<AREA SHAPE="circle" COORDS="295,275,25" HREF="exit/buttonwall.html" ALT="leaving so soon?" TARGET="iframe">
</MAP></td>

<td width=430 height=309 bgcolor=ffffff><iframe FRAMEBORDER="0" BORDER=0 width=430
height=311 src="belle.txt"
name=iframe scrolling=CHOICE></iframe></td>
<td><img src=v4_d.jpg></td>
</tr>

<tr valign=top>
<td colspan=2 width=473 height=39><img src=v4_e.jpg></td>
</tr>
</table>

</div>
</body>
</html>

when i take away the <MAP>....</MAP> bit the table looks fine. any ideas what's wrong?
Dude128
05-09-2004, 07:51 PM
the map code doesn't have to be right with the image- try moving it to another place on the page, and keep only the image itself there :)
shortstuff
05-09-2004, 08:06 PM
it worked! thank you so much :) i didn't realise the map code could be anywehere on the page....