Home/ Questions/Q 6057789
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T08:31:39+00:00

How do I get the td to get shaded dark green when the mouse

  • 0

How do I get the td to get shaded dark green when the mouse hovers over any part of the table?

IE 6 please.

Please don’t complain about cellspacing, the gmail login box uses it.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<html>
<head>
    <title>yo</title>
      <style type="text/css">
        .square-mosaic-green {
            border: 5px solid #a6e3a6;
            background-color: #ffffff;
            height:75px;
            width: 75px;   
        }

        .square-mosaic-green td {
            background-color:#a6e3a6;
        }

        .square-mosaic-green:hover    {
            border-color: #00ae00;
        }

        .square-mosaic-green td:hover    {
            background-color: #00ae00;   
        }
      </style>

</head>
<body>

    <table class="square-mosaic-green" cellspacing="10">
        <tr>
            <td>

            </td>                    
         </tr>
    </table>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    .square-mosaic-green:hover td {
            background-color: #00ae00;   
}

    jsFiddle Demo

    This won’t work under IE6, just like your code. :hover is only supported on certain elements in IE6.

    • 0