How to add maps to your CSS Server

CSS Image technique makes use of the Sliding Doors technique combined with a definition list.

The sliding doors technique allows you to contain all your image rollover effects in one image file, and make use of the background-position CSS property to “shift” the image in any direction.

By adding a :hover effect to your CSS, you can shift the image to a desired position.



A CSS Image Map by definition is using a single image with defining multiple clickable hotspots, whether to show information or as navigation.