Hi there,
I tried to add an Image Map to my sidebar widgets, for my Social Media button display. An image map is supposed to make it so you can click into multiple areas of an image. But for some reason, only the Instagram and Facebook links are working within the image. The Facebook link seems to be overshadowing the Twitter and Contact Us button & won’t take you to the Twitter or Contact Us page like it should.
Any ideas as to why this might be happening?
Here is the code I used:
<map name=“image-maps-2016-09-17-131403” id=“ImageMapsCom-image-maps-2016-09-17-131403”>
<area alt="" title="" href=“https://www.instagram.com/becomingesther/” shape=“rect” coords=“0,0,102,278” style=“outline:none;” target="_self" />
<area alt="" title="" href=“https://www.facebook.com/becomingesther414/” shape=“rect” coords=“113,0,219,278” style=“outline:none;” target="_self" />
<area alt="" title="" href=“https://twitter.com/BecomingEsther” shape=“rect” coords=“232,0,331,278” style=“outline:none;” target="_self" />
<area alt="" title="" href=“Welcome becomingesther.org - BlueHost.com” shape=“rect” coords=“341,0,443,278” style=“outline:none;” target="_self" />
<area shape=“rect” coords=“444,276,446,278” alt=“Image Map” style=“outline:none;” title=“Image Map” href=“http://www.image-maps.com/index.php?aff=mapped_users_0” />
</map>
Is there a reason why this wouldn’t be working correctly in the sidebar???
{The program I used to make my image map was image-maps.com}