slide

Rollover Images: **Slide**

> a.slide { > position: absolute; > top: 100px; > left: 100px; > width: 100px; > height: 100px; > background: url("../img/slide.jpg"); > } > a.slide: hover { > background-position: -100px 0px; > } >  > > >
 * In either Adobe Photoshop or Adobe Fireworks create an image to be used as both Normal and Mouseover State (side-by-side in one image!).
 * Export your image in the appropriate file format (gif, jpeg, or png).
 * In your external CSS file add a class that has the following properties (edit the values to your image dimensions and location).
 * Create another class that will shifts your image to show the Over State:
 * In the body portion of your document, create an anchor tag to call the CSS class:
 * Save your file and check the results in a application.