CSS only rollover

In the continuing quest for standards compliance and clean code, a "rollover" that doesn't require client side JavaScript is not only cool as cats pajamas, but it does somethings a lot better too.

For instance, Dreamweaver has been known to miss the "OnMouseOver" images when moving files and adjusting links. (Forget about using wget, it does not interpret JavaScript so it never gets all the images.)

This idea is lifted straight from the master, Eric Meyer. He has a complete explanation of the technique at the O'Reilly Network.

Internet Explorer (version 6 point whatever is current today) kind of flashes the images when changing them a bit, but the effect is not too bad. Opera 7 handles the hover event smoothly. You can see my sketch of this idea at http://www.chathamselfstorage.com/rates.html

About this Entry

This page contains a single entry by John published on November 2, 2003 12:05 AM.

We're number three! was the previous entry in this blog.

Everything that goes around... is the next entry in this blog.

Find recent content on the main index or look in the archives to find all content.

OpenID accepted here Learn more about OpenID

Subscribe by Email

Enter your email address:

Delivered by FeedBurner