MikeCherim.com - CSS: Map Pop

An image map can be very useful but normally employs JavaScript. Not this time. This experiment uses a single unordered list and a pair of spans to create such a map, with CSS pop-ups providing more information about the mapped hot-spots. This is CSS put to the test.
Get the XHTML, CSS, source. Go to Experiments main or CSS: Map Pop entry.

Popsville Community Map

Using your mouse or keyboard, explore these Popsville hot spots to learn more about them.

• This is the Popsville community Post Office, your home of over-priced postage. Click map for more
• Home is where the beer is. And that means the Dew Drop Inn. Live music on the weekends. Click map for more
• Spend lazy summer afternoons at the beautiful River Beach. Hang out on the nude beach. Click map for more
• Our local Woodland Traders is a veritable Mecca of consumer goods and hardware. Click map for more
• Country living means road kill, and the Wild Game Diner prepares it with special sauce. Click map for more

| CSS: Map Pop — Copyright © Jun 2006-2008 Mike Cherim. Some rights reserved. Validate: XHTML 1.0 | CSS 2.0 |