Forum Discussion

amandaghui's avatar
amandaghui
Helper
11 years ago

Custom Content not functioning

Hi!   I was hoping I can get a little help on a custom component feature that isn't functioning properly. A 400 px by 400 px image is divided into 4 areas to link to other URLs, works when created ...
amandaghui's avatar
amandaghui
Helper

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_mody's avatar
sunny_mody
Advisor
11 years ago

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