Web Design Forum: How to make cells in my table mouseover effect - Web Design Forum

Jump to content

WDF
WDF Premium Memberships Reseller Hosting
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

How to make cells in my table mouseover effect Rate Topic: -----

#1 User is online   adsegzy 

  • Forum Newcomer
  • Pip
  • Group: Members
  • Posts: 61
  • Joined: 15-February 10
  • Reputation: 1

Posted 13 March 2010 - 07:42 PM

Hello friends, please i need the cells in my table to respond to mouseover. how do i do this.

regards
0

#2 User is online   NeRo 

  • Expert
  • PipPipPipPip
  • Group: Members
  • Posts: 824
  • Joined: 28-September 07
  • Reputation: 39
  • Gender:Male
  • Experience:Intermediate
  • Area of Expertise:Web Developer

Posted 13 March 2010 - 10:18 PM

Is the effect you're after to highlight a row when the mouse hovers over?

this CSS code will do it

/* highlights a table row, when mouseover  */

tr:hover{
 background-color: #ccffff;
 color: #FFFFFF;
 
}

tr:first-child:hover{
  background-color: white;
  color: black;
}

0

#3 User is offline   cibgraphics 

  • Expert
  • PipPipPipPip
  • Group: Members
  • Posts: 779
  • Joined: 11-September 08
  • Reputation: 75
  • Gender:Male
  • Location:Utah, USA
  • Experience:Advanced
  • Area of Expertise:Designer/Coder

Posted 14 March 2010 - 02:33 AM

Please keep in mind that that code will work on all browsers EXCEPT IE6.

You will need javascript to get it to work right in IE6.
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users