4 Comments on “How do I make a css background color change on a table cell?”

1. peachfuzz
   September 2nd, 2007 at 7:50 pm

   Ouch.

   Have you tried using Macromedia Dreamweaver or Fireworks? Both of these programs are very user friendly, and will write the code for you. I think you can do the functions you want fairly easily in these programs.

   Code wise, I’ve got no clue, sorry!

2. sridhar b
   September 5th, 2007 at 9:55 pm

   I think we can’t change the background color of the table in css. But we can change it with client side script like VBScript or JavaScript. There are so many tutorials available these scripting.
   examples of links:
   (include forums) (include forums)
   By these links you can enjoy the java scripts or you can post you doubts regarding this.

3. Hero
   September 8th, 2007 at 7:23 am

   Add this on the head of your html:

      var currentColor=’#ffffff’;
      var currentHoverColor=’#ffffaa’;
      var nextColor=’#ffffff’;
      var nextHoverColor=’#ffaaaa’;

      function changeColor(currentCell,flag){
         var nextCell = currentCell.nextSibling;
         if(flag){
            currentCell.style. backgroundColor = currentHoverColor;
            if(nextCell)
               nextCell.style. backgroundColor = nextHoverColor;
         }
         else{
            currentCell.style. backgroundColor = currentColor;
            if(nextCell)
               nextCell.style. backgroundColor = nextColor;
         }
      }

   And on your table cells, just add the onmouseover and onmouseout events:

4. Kevin Law
   September 10th, 2007 at 6:31 pm

   1st cell
   2nd cell

Leave a Reply