HTML image map incorrectly maps for some users but not others

466 views Asked by At

Okay, I have an email I have created where The images use maps to redirect to different links. The email works fine from my email and one other's email, but another person has the links for the bottom image not mapping correctly.

<img src="https://example.com/images/NPHomeButtons.jpg" usemap= #HomeButtons border=0 width=600>
<map name=HomeButtons>
<area shape=Rect Coords=0,0,120,48 Href="http://www.example.com/">
<area shape=Rect Coords=120,0,240,48 Href="http://www.example.com/inventory/New/">
<area shape=Rect Coords=240,0,360,48 Href="http://www.example.com/inventory/Used/">
<area shape=Rect Coords=360,0,480,48 Href="http://www.example.com/get-approved/">
<area shape=Rect Coords=480,0,600,48 Href="http://www.example.com/contact-us/">
</map>

But on this image, the other user is having issues

<img src="https://example.com/images/NPAdGraphic.jpg" usemap= #AdGraphic border=0>
<map name="AdGraphic" id="AdGraphic">
<area  alt="" title="" href="http://www.example.com/giveaway/" shape="rect" coords="0,5,600,182" style="outline:none;" target="_self"     />
<area  alt="" title="" href="http://www.example.com/giveaway/" shape="rect" coords="9,1205,224,1278" style="outline:none;" target="_self"     />
<area  alt="" title="" href="http://www.example.com/inventory/New/Mazda/" shape="rect" coords="231,1206,451,1277" style="outline:none;" target="_self"     />
</map>

On the other user's site the two last areas are mapped an image higher than they should be

We all tried opening the image in browsers and in outlook, but I could not replicate his issue nor could we find a solution.

Any ideas?

1

There are 1 answers

1
Maximiliano De Lorenzo On

I am not sure, but the main difference is that the first image has width and the second no, have you tried adding width to the second image ?