Solved

problem with white space outside imagemap

Posted on 2001-06-13
7
153 Views
Last Modified: 2012-05-07
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
Comment
Question by:sej_goff
  • 3
  • 3
7 Comments
 
LVL 15

Expert Comment

by:a.marsh
ID: 6188158
Any chance of seeing the whole code?

Ant
0
 
LVL 22

Accepted Solution

by:
CJ_S earned 50 total points
ID: 6188161
Place the map right after the img
<img src='' border=0 usemap='#a'><map name=a>
<area etc..
</map>
0
 

Author Comment

by:sej_goff
ID: 6188259

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
Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

 
LVL 15

Expert Comment

by:a.marsh
ID: 6188276
That isn't a complete table....is your page on the Web?

Ant
0
 
LVL 15

Expert Comment

by:a.marsh
ID: 6188293
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
 

Author Comment

by:sej_goff
ID: 6188320

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
 

Author Comment

by:sej_goff
ID: 6188357
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

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

813 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now