Forum Moderators: open

Message Too Old, No Replies

Image map putting extra space around top row

even though I've got cellpadding/spacing=0

         

halfandhalf

7:38 pm on Oct 15, 2002 (gmt 0)

10+ Year Member



Any help would be appreciated, the gap is between the two rows but only in IE6 and NS4.78. My code is below:

<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<img src="images/arrows360.gif" border="0" usemap="#map" alt="" hspace="0" vspace="0">
<MAP NAME="map">
<AREA SHAPE="rect" ALT="Back" COORDS="0,0,77,15" HREF="event_photo4.php">
<AREA SHAPE="rect" ALT="Next" COORDS="282,0,359,15" HREF="event_photo6.php">
</MAP>
</td>
</tr>
<tr>
<td width="360">
<img src="images/012.jpg" width="360" border="0" alt="">
</td>
</tr>
</table>

SuzyUK

9:43 pm on Oct 15, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



not sure if this is the same problem I had a while back, but this was where I found my answer

link: [devedge.netscape.com...]

Suzy
:)

moonbiter

9:48 pm on Oct 15, 2002 (gmt 0)

10+ Year Member



Try putting the contents of the table cell all on one line in your markup:

<td><img src="arrows360.gif [...] </MAP></td>

dingman

10:00 pm on Oct 15, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Gotta love NN4's whitespace sensitivity. Personally, I just try to make my pages so they'll look OK even if NN decides it needs to render that carriage return between tag elements.

toadhall

10:04 pm on Oct 15, 2002 (gmt 0)

10+ Year Member



I can't duplicate the problem here. But try placing the <MAP> at the bottom of the page and adding <br>'s after each image in each table cell. The <br>'s have a tendency to tighten things up in some browsers.

halfandhalf

1:03 pm on Oct 16, 2002 (gmt 0)

10+ Year Member



SuzyUK: I'm completely in awe. Not that I should be. The one-line code works. Thanks! Webmaster World has really proven to be a great resource to me and I only discovered it a week ago. Thanks everyone else who replied too!