It’s interesting to learn that Firefox and IE 7 handles image maps differently. Firefox does not need the # character in usemap="#mymap". While IE 7 requires it. Thanks to James for the explanation and Jim for the example.
13 thoughts on “Different handling of image maps for Firefox and IE 7”
hey… I’ve tried your advice but the image mapping still doesn’t seem to work in Firefox… can you tell me what’s wrong with my coding? the url’s http://live-your-dreams-.blogspot.com/
Mozilla Firefox 3.0 now needs hash too. I think this is because attribute USEMAP should be an URI/URL address of the map. Previous Firefoxes allowed a NAME (ID) of the map instead of full address. Hash (#) at the beginning constitutes that the MAP and AREA tags are in the same file as IMG tag.
The “About Us” button has an image map. The button also has a script attached to it for a drop down menu. Works fine in IE but doesnt work in Firefox. I read your comment and took out the “#” the drop down then works but then the image map link doesn’t. Any suggestions?
If I understand correctly, you put an image map inside a button? If so, then what are you trying to accomplish with the combination of the two? You have an illustration of the layout?
Hello! I could have sworn I’ve been to your blog before but after browsing through many of the articles I realized it’s new
to me. Regardless, I’m certainly pleased I came across it and I’ll be bookmarking it and checking back often!
hey… I’ve tried your advice but the image mapping still doesn’t seem to work in Firefox… can you tell me what’s wrong with my coding? the url’s http://live-your-dreams-.blogspot.com/
Dave, THANK YOU!!! This did the trick, my map is working correctly now (link above.)
-Eric
Hi Eric,
You welcome. Good to know it works for you too.
Mozilla Firefox 3.0 now needs hash too. I think this is because attribute USEMAP should be an URI/URL address of the map. Previous Firefoxes allowed a NAME (ID) of the map instead of full address. Hash (#) at the beginning constitutes that the MAP and AREA tags are in the same file as IMG tag.
Hi Rozek19,
Thanks for your comment.
The “About Us” button has an image map. The button also has a script attached to it for a drop down menu. Works fine in IE but doesnt work in Firefox. I read your comment and took out the “#” the drop down then works but then the image map link doesn’t. Any suggestions?
Can you tell me why my CareersBanner image map only has a hot spot in the upper left corner of each area in FF 3.0.4 but works perfectly in IE 7?
http://www.incyte.com/about_careers_new.html
Robert,
If I understand correctly, you put an image map inside a button? If so, then what are you trying to accomplish with the combination of the two? You have an illustration of the layout?
Hi Steve,
Perhaps you can try this tool.
i forgot to give
a name, and when i did it worked fine in firefox to 🙂
Hi Dave
Your answer worked a charm. Thanks so much for posting it up!
Will
THANK YOU!!!!!!!!!!!!!!!!!!
I spent to many hours trying to make usemap function work correctly on IE8
Now it works like a charm!
Hello! I could have sworn I’ve been to your blog before but after browsing through many of the articles I realized it’s new
to me. Regardless, I’m certainly pleased I came across it and I’ll be bookmarking it and checking back often!