Forum Discussion
sunny_mody
Advisor
Hi amandaghui,
I tried doing the same and it worked for me.
I believe your code isn't working because your area co-ordinates for facebook link might be wrong.
Could you please try the code written below :
Show more
<#assign message_list_title = text.format("custom.Still_Need_Help.title") />
<img src="image.png" width="240" height="240" alt="socialicon" usemap="socialicon">
<map name="socialicon">
<area shape="rect" coords="0,0,120,120" href="link1" alt="Aide">
<area shape="rect" coords="120,0,240,120" href="link2" alt="Facebook">
<area shape="rect" coords="0,120,120,240" href="link3" alt="Compliment">
<area shape="rect" coords="120,120,240,240" href="link4" alt="Probleme">
</map>
<img src="image.png" width="240" height="240" alt="socialicon" usemap="socialicon">
<map name="socialicon">
<area shape="rect" coords="0,0,120,120" href="link1" alt="Aide">
<area shape="rect" coords="120,0,240,120" href="link2" alt="Facebook">
<area shape="rect" coords="0,120,120,240" href="link3" alt="Compliment">
<area shape="rect" coords="120,120,240,240" href="link4" alt="Probleme">
</map>
Thanks,
Sunny
amandaghui
10 years agoHelper
Hi again! sunny_mody
I just realized that the codes work when I am opening the page with Google Chrome but doesn't seem to display with Firefox.
Would you know how to go about this?
Thanks a million!
Amanda
- sunny_mody10 years agoAdvisor
Hi amandaghui
I just tried doing the same in firefox and it worked. Below is the piece of code I have used.
<img src="http://dummyimage.com/400x400/cccccc/000000.png&text=0x2B" alt="" usemap="#map1413871782102"> <map id="map1413871782102" name="map1413871782102"> <area shape="rect" coords="0,0,200,200" title="google" alt="google" href="http://google.com" target="_blank"> <area shape="rect" coords="200,0,400,200" title="yahoo" alt="yahoo" href="http://yahoo.com" target="_blank"> <area shape="rect" coords="0,200,200,400" title="fb" alt="fb" href="http://facebook.com" target="_blank"> <area shape="rect" coords="200,200,400,400" title="twitter" alt="twitter" href="http://twitter.com" target="_blank"> </map>
Please try using this and see if it works for you.
As far as browser compatibility is in concern, these HTML tags are supported by all browsers.
Thanks,
Sunny
Related Content
- 5 years ago