CSS Map

In brief:

Produce an accessible, clickable, world map, broken up into continents. (Original idea for The Beat), that would degrade gracefully in browsers without CSS support.

The Process:

The code pretty much speaks for itself, so here are the component parts:

The Graphic

CSS
CSS Code example

HTML
HTML Code Example

The Result:

View the CSS map.

This particular example also includes a CSS rollover to show the continent names.

The Prologue:

This entry was posted on Sunday, March 20th, 2005 at 4:35 pm and is filed under WorkBench. You can follow any responses to this entry through the RSS 2.0 feed. You can make a comment, or trackback from your own site.

Leave a Comment