Solved

problem with white space outside imagemap

Posted on 2001-06-13
7
152 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
Comment Utility
Any chance of seeing the whole code?

Ant
0
 
LVL 22

Accepted Solution

by:
CJ_S earned 50 total points
Comment Utility
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
Comment Utility

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
What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

 
LVL 15

Expert Comment

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

Ant
0
 
LVL 15

Expert Comment

by:a.marsh
Comment Utility
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
Comment Utility

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
Comment Utility
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

Why You Should Analyze Threat Actor TTPs

After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Basic CSS issues 24 34
Specific DIV Hyperlink Color 1 39
Animate a Title 7 33
Urgent need help ASAP With CSS 5 20
Do you want to insert HTML5 video into your site? This is the tutorial how to do so. What are the main advantages of HTML5 video? 1) Have good compression, good image quality, and low decode processor use. 2) It is royalty-free 3) It is easi…
Showing your events from Google Calendar in Google Maps Why? I travel all week and I thought it would be ideal if staff in office knew where I was based on my calendar. (OK real reason: my son wanted to see where I would be working, and I thoug…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

772 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

9 Experts available now in Live!

Get 1:1 Help Now