This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Usemap error - extra white space after image -solved: <area shape> must be inline

  • 1 reply
  • 2 have this problem
  • 1 view
  • Last reply by kobe

200Volts
200Volts
more options

When using image hotspots, if the <area shape= "rect" is not IMMEDIATELY after the <map name="Map">, then FF adds a white space (white horizontal line) after the image.

White space shows between shop_top.jpg and shop_mid.jpg: 

<img src="images/shop_top.jpg" width="1022" height="259" border="0" usemap="#Map">
<map name="Map"><area shape="rect" coords="251,147,435,252" href="http://www.example.html">
<img src="images/shop_mid.jpg" width="1022" height="3250">

Images are touching vertically (no space in between): 

<img src="images/shop_top.jpg" width="1022" height="259" border="0" usemap="#Map"><map name="Map"><area shape="rect" coords="251,147,435,252" href="http://www.example.html">
<img src="images/shop_mid.jpg" width="1022" height="3250">
When using image hotspots, if the &lt;area shape= "rect" is not IMMEDIATELY after the &lt;map name="Map"&gt;, then FF adds a white space (white horizontal line) after the image. White space shows between shop_top.jpg and shop_mid.jpg: <pre><nowiki><img src="images/shop_top.jpg" width="1022" height="259" border="0" usemap="#Map"> <map name="Map"><area shape="rect" coords="251,147,435,252" href="http://www.example.html"> <img src="images/shop_mid.jpg" width="1022" height="3250"></nowiki></pre> Images are touching vertically (no space in between): <pre><nowiki><img src="images/shop_top.jpg" width="1022" height="259" border="0" usemap="#Map"><map name="Map"><area shape="rect" coords="251,147,435,252" href="http://www.example.html"> <img src="images/shop_mid.jpg" width="1022" height="3250"></nowiki></pre>

Modified by cor-el

All Replies (1)

kobe
kobe
more options

Maybe Mozillazine's Web Devel / Standards Evangelism forums may help better.