CSS Map

0Rob Lewis • 20th Mar 2005 • WorkBench

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:

• A similar project, recently published on MaxDesign: Remote Control CSS