A Little CSS help

[ecrespol]

I'm trying to change the background color of a cell on a mouse over. What I have so far is the following;

<TD style="width:100%; background-color:lightblue"
onMouseover="this.style.backgroundColor='yellow';"
onMouseout="this.style.backgroundColor='lightblue';">
Watch me get scared!
</TD>

What I would like to know is if it is possible to put this in a style sheet so that it applies to a class. If anyone knows (of if this is possible or any other way of doing this) let me know.

 

[brentman]

<table width="150" >
<tr bgcolor="#F0F0F0" onMouseOver="this.style.background='#f45050';" onMouseOut="this.style.background='#F0F0F0';"><td align="center">1</td></tr>
<tr bgcolor="#F0F0F0" onMouseOver="this.style.background='#f45050';" onMouseOut="this.style.background='#F0F0F0';"><td align="center">2</td></tr>
<tr bgcolor="#F0F0F0" onMouseOver="this.style.background='#f45050';" onMouseOut="this.style.background='#F0F0F0';"><td align="center">3</td></tr>
</table>

I have a small knowledgebase up at my site. Please excuse the slow speed, but maybe something helpful there. This was actually an article/post I had written.

Brentman's Knowledgebase

 

[brentman]

Whoops, posted the code for row highlight

It does work for cells.

As for the class.. I'm not sure that CSS allows for javascript inside its sheets. If you are using ASP you could use an include file. I'm sure PHP has something similar as well.

Sorry, I guess I'm less help than I thought.

 

[ecrespol]

The site i'm working on has about 700 pages ech falls into a category like marketing, operations training, etc... each category has it's own color scheme. I just wanted to be able to controll the mouseover colors for the category from their common style sheet.

Thanks