Isn’t it great when someone not only comes up with an nice solution to a problem (rollovers in this case), but then takes the extra effort to make it easy for you to understand and implement yourself?
Recently Simon Collison spent some time thinking about CSS images rollovers and distilled his conclusions and code into a well thought-out tutorial.
Enough for any man, you may be tempted to think, but no, Simon has gone the extra yard to build a slickly constructed auto code generator – a fine piece of work in it’s own right.
Cheers, Simon.







This is nice! I’ll be using this in future layouts.
January 16th, 2005 at 10:23 pm
Great! No more javascripts for rollover links.
January 17th, 2005 at 12:10 am
Check out http://www.alistapart.com/articles/sprites/
January 17th, 2005 at 10:35 am
Great links including that one from benji. Eye opening stuff.
January 17th, 2005 at 5:05 pm
Very Good :)
January 20th, 2005 at 10:03 am
Please, when responding with a link, give us a little idea of what we can expect to find (a synopsis) and the link’s relevance to the discussion. Just writing “check out ” is very annoying.
February 7th, 2005 at 3:53 pm
Very interesting… Never thought about using graphics within CSS for rollover effects. It could be done, but never thought it could actually be done. Just might add it to my arsenal for web design.
February 7th, 2005 at 4:35 pm
This reminds me of something I read in Rachel’s CSS book. She was shifting pictures of peppers up and down. I think she used 3 states: red yellow and green.
February 8th, 2005 at 9:27 pm
don’t be ridiculous dorsey. Obviously it’s related to the topic or I wouldn’t have posted it. There’s no point me writing a monologue on it, just follow the link.
February 11th, 2005 at 1:10 am