How would i map this image without distroying the layout of the code. The background has an image that I have in it and trying to use the map way to link it. I dont want the whole image linked. Without the spacer the layout becomes destroyed... <use map="#2"> with correct wont work for the background image only a true image like img="yadayada" seesm to work for me. But when i change things around it throws it off again i feel like im missing something.. I have cut out the code of what the spacer is holding up maybe someone will see my mistake or what im missing .... thanks everyone.. Timmay

Code is below...


<td>
<table width="589" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="572" valign="top"> <iframe iframe id="datamain" src="../photos_1.html" width=572 height=427 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=auto name="photos_main"></iframe>
</td>
<td width="17"><img src="../photos/photo_graphic_4.jpg" width="17" height="427"></td>
</tr>
</table>
</td>
</tr>
<tr style="visibility: visible">
<td>
(!!IMAGE IM TRYING TO MAP!!)<table width="589" height="44" border="0" cellpadding="0" cellspacing="0" background="../photos/photo_graphic_3.jpg">
<tr>
<td>
<table width="100%" border="0" cellpadding="2" cellspacing="0">
<tr>
<td><img src="images/spacer.gif" width="21" height="21"></td>
</tr>

You have to code it AS an image map and define the hotspots on the image in order to get what you want:
http://www.w3schools.com/tags/tag_map.asp

I know how to map an image. Its when I try and covert from background to an image it throws everything off alignment. and no the everything is the correct size. Thats why I gave the code in my first post. It appears fine as a background but i now need to map a link to it. But again when i do it the img way everything becomes offline.

You code didn't include an imagemap code.

You're putting the IMAGE into the same table cell as the nested table, so you're going to get a cell that's as wide as the image PLUS the width of the table you've nested inside it.

Here's a suggestion, dump the nasty iframe and tables and learn to do it without tables . You will be happier in the end.

You can only make an image map with an image. A background image isn't an image.

otimmayo, if you want some tableless code as LNR is talking about that actually works, feel free to borrow it from a client's site I just built:

www.sustainabilitycoaching.ca

You won't need the Javascript code (it opens a PDF brochure in a new window), and you'll have to change the coordinates obviously, but the rest of it should help.