Windows 10 will reach EOS (end of support) on October 14, 2025. For more information, see this article.

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
  • 13 views
  • 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.