• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 162
  • Last Modified:

problem with white space outside imagemap

I have been using a fairly standard imagemap inside a table cell (though I noticed this effect is apparent outside a table) of the form
<img src='' border=0 usemap='#a'>
<map name=a>
<area etc..
</map>

The map works fine with links etc but there is a white space horisontal line under the map (a few pixels wide) so that I cannot place my image map diectly above another image without a space.  I have tried varying the border=0 position in the tag.  any ideas?
0
sej_goff
Asked:
sej_goff
  • 3
  • 3
1 Solution
 
a.marshCommented:
Any chance of seeing the whole code?

Ant
0
 
CJ_SCommented:
Place the map right after the img
<img src='' border=0 usemap='#a'><map name=a>
<area etc..
</map>
0
 
sej_goffAuthor Commented:

Tried putting the map right after the img tag.  Didn't seem to work.

This is not quite the html but it does exemplify the problem.  why the gap between the top left image map and the yellow backgrounded text?

<TABLE width=759 height=180 BORDER=0 CELLPADDING=0 CELLSPACING=0>

<TR>
<TD><IMG SRC="../images/topleftbwr.gif" USEMAP="#topleftbwr" WIDTH=350 height=161 BORDER="0">
<MAP NAME="topleftbwr">
<AREA SHAPE="RECT" HREF="http://www.coke.com/gateway.html" COORDS="205,37, 215,52"></MAP>

<TD valign=top height=131><IMG SRC="../images/toprightr.gif" width=409 border=0></TD>
</TR>
     
<TR height=19>
<TD bgcolor=yellow>text</TD>
</TR>
     
</table>

0
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
a.marshCommented:
That isn't a complete table....is your page on the Web?

Ant
0
 
a.marshCommented:
Is this what you want?

<html>
<head>
</head>
<body>
<MAP NAME="topleftbwr">
<AREA SHAPE="RECT" HREF="http://www.coke.com/gateway.html" COORDS="205,37, 215,52">
</MAP>
<TABLE width=759 height=180 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD><IMG SRC="../images/topleftbwr.gif" USEMAP="#topleftbwr" WIDTH=350 height=161 BORDER="0"></TD>
<TD valign=top height=131><IMG SRC="../images/toprightr.gif" width=409 border=0></TD>
</TR>
<TR height=19>
<TD>&nbsp;</TD>
<TD bgcolor=yellow>text</TD>
</TR>
</TABLE>
</body>
</html>

Ant
0
 
sej_goffAuthor Commented:

Tried putting the map right after the img tag.  Didn't seem to work.

This is not quite the html but it does exemplify the problem.  why the gap between the top left image map and the yellow backgrounded text?

<TABLE width=759 height=180 BORDER=0 CELLPADDING=0 CELLSPACING=0>

<TR>
<TD><IMG SRC="../images/topleftbwr.gif" USEMAP="#topleftbwr" WIDTH=350 height=161 BORDER="0">
<MAP NAME="topleftbwr">
<AREA SHAPE="RECT" HREF="http://www.coke.com/gateway.html" COORDS="205,37, 215,52"></MAP>

<TD valign=top height=131><IMG SRC="../images/toprightr.gif" width=409 border=0></TD>
</TR>
     
<TR height=19>
<TD bgcolor=yellow>text</TD>
</TR>
     
</table>

0
 
sej_goffAuthor Commented:
You were right.  If all the map tags were on one line then it works.
As you noticed (Ant) the text I was playing with on this computer was missing an end tag which didn't help.

thank you all for your help.
0

Featured Post

Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

  • 3
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now