1 Topic by Ooka

  • Ooka
  • Member
  • Offline
  • Registered: 2008-07-05
  • Posts: 13

Topic: Hover Effects

Just add:

.pun TD:hover {background: #565656;}

to any of your CSS files to add a nice little hover effect to them. The above looks the best with Mercury and Radium.

[img]http://i165.photobucket.com/albums/u54/Ooka_100/BannerNintendo2.png[/img]
  • Reines
  • Reines
  • Senior Member
  • Offline
  • Registered: 2004-10-07
  • Posts: 304

Re: Hover Effects

IIRC *:hover only works on IE6 if you are applying it to an A element, not to a TD. I'm not sure how it acts on IE7.

Reines's Website

3 Reply by Ooka (edited by Ooka 2008-07-08 21:02)

  • Ooka
  • Member
  • Offline
  • Registered: 2008-07-05
  • Posts: 13

Re: Hover Effects

Eh, I use FireFox 3 and it works on that as well. I believe it also works on Opera 6 or higher, and Safari 3.

[img]http://i165.photobucket.com/albums/u54/Ooka_100/BannerNintendo2.png[/img]

4 Reply by MattF

  • MattF
  • Senior Member
  • Offline
  • From: South Yorkshire, England
  • Registered: 2007-03-15
  • Posts: 1,956

Re: Hover Effects

It will do, but IE is flaky for hover support. Same as an img hover will work fine in FF/Opera/Safari or such. IE has no idea, however.

MattF's Website