These days I’m working on the HTML and CSS for this map, but I want to hear your opinions as what to recommend from a usability point of view:
- The top map where the cities are placed on the map directly (it’s a HTML list)
- The bottom map where the list is to the right of the map, but each city name contains a reference placed on the correct position on the map.
(also available as zip file with included graphics: map-example-dk-v002.zip)
Both examples use standard HTML and CSS.
One annoying bug for the lower example in IE6: When hovering the cities on the map, the footer jumps up and covers the map halfway up.
I really would appreciate any suggestions or opinions. Both regarding the usability and the actual code implementation. Which of the map versions do you like the most, and why?
PS. I am aware that IE6 does not show png images correctly and will add pngfix later into the process. For this example, though I figured you would not need it to give me your opinion :)