Hover vs. Rollovers?

Susan Addams

The website I'm working on is using a graphic image for the left navigation
scheme.

Say I've got a button called "home" and one called "home_rollover" where
it's a lighter shade

Is there a way to use css to call the switch between the two? Would hover
work for this? I know very little about it. If so, what would the code be?

Thanks! :)

Susan

Jul 20 '05 #1

Els

Susan Addams wrote:

The website I'm working on is using a graphic image for the left navigation
scheme.

Say I've got a button called "home" and one called "home_rollover" where
it's a lighter shade

Is there a way to use css to call the switch between the two? Would hover
work for this? I know very little about it. If so, what would the code be?

Put the image in the background, instead of using
<img src="">.
Then use
a:link, a:visited {background-image:url(home.gif);}
a:hover {background-image:url(home_rollover.gif);}

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

Jul 20 '05 #2

la_haine

Els <el*********@tiscali.nl> wrote in news:2i************@uni-berlin.de:

Then use
a:link, a:visited {background-image:url(home.gif);}
a:hover {background-image:url(home_rollover.gif);}

http://wellstyled.com/css-nopreload-rollovers.html goes into more depth
regarding this technique.

--
'You can watch an actor absolutely sabotage a good script and then read
reviews like "Unfortunately, even the impressive talents of Cheech Marin
could not salvage Anton Chekhov's trite and meandering script."
- Chet Ramey

Jul 20 '05 #3