White Space Around Image Map??

[gabbyl]

Please help..

I created an image map and for some reason there is extra space around it and I have no idea how to get rid of it. You can see an example of what I mean here....http://www.indiana-injurylawyer.com/mattfinalsite.htm

I'm used to Dreamweaver and just creating "hotspots" over the image. Is an imagemap the easiest way for me to be able to link one image to multiple pages?

How do I get rid of the extra space..do you see the gap better the "personal injury attorney" graphic? Please help!!

-Gabrielle

[epement]

I created an image map and for some reason there is extra space around it and I have no idea how to get rid of it. You can see an example of what I mean here....http://www.indiana-injurylawyer.com/mattfinalsite.htm

Get rid of all whitespace where you use the <img ...> tags. If you're using Dreamweaver or another web tool, go to the Source mode, look for the section where you have the <td> cells, which looks like this:


<td><img src="mattsfinalsiteH0V1.jpg" ...> <map name="topmenu" ...>
<area onmouseover="....">
<area onmouseover="....">
</map></td>

Delete all those space characters between the tags and in front of the tags, because IE treats spaces (including newlines) as visibly significant. Tag should be snug against tag, like this:


<tr>
<td><img src="mattsfinalsiteH0V1.jpg" ...><map
name="topmenu" id="topmenu"><area onmouseover="..."
onmouseout="..."><area onmouseover="..." onmouseout="..."
shape="..."></map></td>
</tr>

You can have whitespace and newlines within a tag, but if you have whitespace and newlines between tags, it often shows up in IE. HTH.

--
Eric