CSS Image Link Rollovers

[wcfan3]

Have been playing around with the rollover links on a site that I designed. Originally, I achieved the rollover effect using javascript. It was suggested that I try using CSS to do the same thing in a site review. I searched and found a tutorial on the subject, but wasn't able to make it work for me at the time. :(

Xeyr put up his LemonRed site for review, and got his image link rollovers working using the same tutorial. At his suggestion, I checked out how he had done it and tried it with the ones on the site I designed - still no go. I set aside the project until tonite, when I decided to give it one more shot and guess what? I got it working! :D

Here is the link to the page I set up to play around with this - please check it and make sure that the images are changing on hover for each of you. Original image is the word in light gray text on a black background - hover image is the word in black text on black background with a light gray 'glow' around it.

Image Rollover Links Using CSS (http://www.fadedsympathy.com/rollover_links.html)

I have checked it using IE 6 and Firefox 0.8 and it works the same for me in both. Let me know if it is working for you, and what browser(s)/version you are using.

If this experiment is successful, I'll be switching over all the links on that site to this set up over the weekend.

[farmer]

looks good using netscape 6.2

[aouton]

OK in Mozilla 1.6

In opera 7.23 also OK

Maybe you can use this info:

http://www.projectseven.com/tutorials/css_menus/list_01/index.htm


Regards,

Angel

[kyhost]

Works just fine in Netscape 7.1 too!

[catocom]

The only bad thing about rollovers is the speed.
On my p4-2.53, and 256Kb cable, it's even a little sluggish.
On dialup, or a slow PII maybe, people might turn away.
If you can maybe cut the quality of the graphics as much
as possible, but not to make it really noticeable, just to lower the
file size as much as possible so it with download as fast as
possible, I think it would help. (just some optimization) ;)

Buuut I like the color, and graphics/looks.

oh and I'm running ie6-win2000-sp4