Skip to content


Yes, it’s an Image Map

Given that I’m such a standards zealot that I am debating to even support IE, it might surprise you to notice that the primary navigation on my site is an image map.

Well, it’s true, but this isn’t your father’s image map. First, the image is in an object tag. Second, the image map does not use the area tag, instead it lives as a paragraph with each link marked up as an a tag with the coords attribute. For now, it lives outside of the object tag to remain more accessible to browsers that can’t handle such image maps, but ideally it should be inside—so that it only appears if the image fails to load, according to the object fallback rules of XHTML.

You’ll notice, that Opera 7.23 doesn’t get it (probably due to it missing the change in type for usempa from a URI to an IDREF). And when the page is served to IE as HTML, the image itself is missing, and none of the nested fallback content appears.

And can anyone explain to me how to use :hover effects on this image? I fear the fixed positioning may be screwing it up, but the complex selector that must surely be needed also escapes me. Contat me using editor at this domain—trying to find a spam-proof method of posting my e-mail address will have to wait for next weekend.

2004-03-03 Update: The image map appears to work correctly only on Mozilla. IE fails horribly (as described above), and not even Safari 1.1 gets it.

Posted in This Site, Web.


No Responses (yet)

Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.

You must be logged in to post a comment.