How come my image map isn't working?

Question

Could you help.
My website is freewebs.com/modernutopia.
View source, could you diagnose what I'm doing wrong?
Its not working for me.

Answer 1

EDIT: Just took a look back at your site and it looks different now. You just now need to get the coords right but there is no usemap on the image you've got now so put that on the image inside the DIV (usemap=#imgmap).




Your image doesn't exist at the location specified in your HTML:

http://www.freewebs.com/modernutopia/images/modernutopia-lay.jpg

Also I would correct the misaligned HTML tags in your source:

, as they don't match.

The actual code for the image map looks fine (you've correctly used usemap and assigned the name and used rectangles for your areas, all fine ) - just give it the right image.

Answer 2

I couldn't find a place on the page on the page where I could right-click to load the source, and the central image (which I assume is the one that has the image map...the rest of it, with folks in various positions, doesn't make sense to be an image map...) as I say, the central image, didn't load, but instead showed up as a blank white space.

Answer 3

You need to add the usemap attribute to your image:



Replace XXX with the link to your image.

Also note that best practices for XHTML requires all element names to be lower-cased, all tags to be closed and the alt attribute for all img elements.

Your page also lacks a DOCTYPE declaration, which it should have.