CSS Image Maps

I recently wanted to produce a hyper-linked image map to help navigate a software architecture. HTML provides an image map tag to do just that. Not that flexable, but does the job. Recently though I've been interested to learn CSS, and how it relates to HTML. It seems that most if not all sites are using CSS.

So a bit of Googling, found that a few people had worked out the magic incantation. I found one tutorial that is pretty good and I think from one of the original author. This worked very well and let me produce a pretty good image map. Here's an alternative solution.

I coupled this with leightbox; when a link is clicked in effect a small dialog is produced allowing the user to select between a couple of different links.   This did raise an interesting thought about having multiple different locations to get to from a different a single hyperlink.

Leave a Reply

Your email address will not be published. Required fields are marked *