![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
Usemap error - extra white space after image -solved: <area shape> must be inline
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 <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:
<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>
Променено на
Всички отговори (1)
Maybe Mozillazine's Web Devel / Standards Evangelism forums may help better.