Discussion on:

7
Comments

Join the conversation!

Follow via:
RSS
Email Alert
0 Votes
+ -
Editor
Image maps
Mark W. Kaelin Updated - 23rd Apr 2008
Image maps were once the cutting edge of the World Wide Web, but other technologies have moved them to the background.

Where was the last time a client asked for an image map? Do you encourage image maps as a navigation technique or do you think there other better methods? Like what?
0 Votes
+ -
Contributr
From a usability standpoint, image maps are very overused. They certainly have their place, and where appropriate, they are useful and can't be beat.

J.Ja
0 Votes
+ -
thier drawback
Jaqui Updated - 22nd Apr 2008
is in accessibility.
They are not the easiest bit of tech for even something as simple as a screen reader, or magnifier to handle right.
0 Votes
+ -
Contributr
True
Justin James 24th Apr 2008
Yup, that's quite true. A good guideline is that anything with an image map should also have an alternate method of input as well, such as a drop down selection, radio buttons, etc.

J.Ja
0 Votes
+ -
neat...
anionic 24th Apr 2008
I like this, and managed to simplify it a bit more: can lose outer div and list-style:none. Only snag: text-indent:-1000em means selection borders (keyboard navigation etc.) extend to LHS (loooks broken, well it is). font-size:0 should work instead but IE6 shows 1px high text and Opera shows 7px text - shame on both of them (we all know what zero means, don't we?!)
A nice and exceptional use of CSS, but I doubt if it can be used to create more complex shaped hotspots than similar rectangular ones.
Outstanding, much better that using a standard image map. Since every image creates a hit back to the server, the less images on a page the better. Excellent example of CSS, will use this as a class example....
Keyboard Shortcuts:
Prev
Next
Toggle
Join the conversation
Formatting +
BB Codes - Note: HTML is not supported in forums
  • [b] Bold [/b]
  • [i] Italic [/i]
  • [u] Underline [/u]
  • [s] Strikethrough [/s]
  • [q] "Quote" [/q]
  • [ol][*] 1. Ordered List [/ol]
  • [ul][*] · Unordered List [/ul]
  • [pre] Preformat [/pre]
  • [quote] "Blockquote" [/quote]

Join the TechRepublic Community and join the conversation! Signing-up is free and quick, Do it now, we want to hear your opinion.