I'm trying to get this image map to work and be clickable but for some reason I can't get the image to be clickable. I'll show you the code: <div><img src="image source"; alt="trends" usemap="#trends" style="display: block; margin-left: auto; margin-right: auto;" /> <map name="trends"> <area shape="rect" coords="0.03,2.52,0.04,5.05," href="yahoo.com"; title="All White Everything" alt="All White Everything" /> </map></div> (Image source is where I have it uploaded and href is where I want it to go but I inserted different links because the site isn't live.) I tried clicking the whole image and I'm not getting a box anywhere on the page. I figured even if it was in the wrong place it would still show up somewhere on the image. I don't know if I'm missing something major let me know. Any and all help is greatly appreciated!
It's not working because you have some random semicolons( in your markup. And because your Coordinates are invalid as far as i can tell, the coords are specified in pixels, you cant have 0.03 pixels. The coords work this way: coords="top, left, width, height" Code (markup): Also HREF's have to have HTTP:// included if it's not a relative link(linking to index.html for example). Here is a working version of your code: <div> <img src="test.png" alt="trends" usemap="#trends" style="display: block; margin-left: auto; margin-right: auto;" /> <map name="trends"> <area shape="rect" coords="0,0,100,100" href="http://yahoo.com" title="All White Everything" alt="All White Everything" /> </map> </div> Code (markup):