How come my HTML image map code works in Google Chrome but not in Firefox

josh4cfc

New member
or Internet Explorer? I'm doing an assignment for HTML and im using Notepad++. I've created an image and used an image map in my HTML code according to my assignments instruction to create links to other parts of my website. I've done it to specification and it is correct and it's exactly set up like the example... I go to load test pages and it works perfectly in Google Chrome but the links aren't recognised in Firefox or Internet Explorer...

All help on this is appreciated, is there something I'm missing... I think not??
<img src="images/menubar.png" align="left" usemap="menubar">
<map name="menubar">
<area shape="polygon" coords="48,40,48,70,100,70,100,40,110,40,109,34,73,0,39,34,40,40,48,40" href="index.html">
<area shape="polygon" coords="20,117,130,117,140,127,140,189,130,198,20,198,10,189,10,130,20,117" href="biography.html">
<area shape="polygon" coords="20,216,130,216,140,227,140,288,130,297,20,297,10,288,10,229,20,216" href="music.html">
<area shape="polygon" coords="20,315,130,315,140,327,140,387,130,396,20,396,10,387,10,328,20,315" href="photos.html">
<area shape="polygon" coords="20,415,130,415,140,427,140,487,130,496,20,496,10,487,10,428,20,415" href="join.html">
</map>
 
Back
Top