Where does the image map tags go? With regards to using it with <div> does it go in <div> or after or does it matter? I was told it should go after the <div> Is this true and why?
My layout is thrown off when I create this in Dreamweaver.
@macthewebJul 17.2007 — #absolutely positioned divs can actually replace old fashioned image maps. Give them a z-index greater than the background. Use left and top to put the divs in the right place add a height and width to cover the hot spot. For your link, define the a element to display: block; and give it the same height and width as the containing div. Place that all over your image. There's your CSS image map.
@CentauriJul 17.2007 — #Actually, in most cases normally positioned, semantically meaningful unordered link lists can be used to replace image maps just as easily. Image maps themselves should be avoided, as they are not traversed by screen readers or search engine spiders.
@macthewebJul 17.2007 — #So when I have a map with cities I should not use CSS overlays to connect the cities with their links? Or I have a map of a small mall I should not use CSS overlays to connect the stores to their links? You don't want me to let people click on a chorus member's face to find out her name?
Yes, image maps can be misused but a blanket statement like image maps should be avoided, especially when thy are done with fully valid CSS is a bit extreme.
@CentauriJul 18.2007 — #css overlays [B]are[/B] the best way of doing it - I am saying to avoid the use of the map element. In a lot of cases such overlays can be done with semantic markup and standard positioning techniques - in some cases absolute positioning may be required.