Solved

problem with white space outside imagemap

Posted on 2001-06-13
7
158 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Are You Using the Best Web Development Editor?

The worlds of web hosting and web development are constantly evolving. Every year we see design trends change, coding standards adapt and new frameworks/CMS created. With such a quick pace of change it’s easy to get lost trying to keep up.

See if your editor made the list.

 
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

On Demand Webinar: Networking for the Cloud Era

Did you know SD-WANs can improve network connectivity? Check out this webinar to learn how an SD-WAN simplified, one-click tool can help you migrate and manage data in the cloud.

Question has a verified solution.

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

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

624 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