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.