Page 1 of 1

gradient onmouseover?

Posted: Thu Nov 03, 2005 3:31 pm
by fluffy-sama
Okay... In my webpage, as part of the <STYLE> tag in the <head></head> portion I have a part that looks like this:

Code: Select all

.cell_over { BACKGROUND-COLOR: #64BDFF }
.cell_out { BACKGROUND-COLOR: #9FD6FF }
.cell_overl { BACKGROUND-COLOR: #64BDFF) }
.cell_outl { BACKGROUND-COLOR: #9FD6FF }

now, when someone hovers their mouse over oen of the cells in a table at the left hand side of the document, I use this :

Code: Select all

<TD VALIGN="MIDDLE" WIDTH="100%" BGCOLOR="#9FD6FF" onmouseover="this.className='cell_over';" onmouseout="this.className='cell_out';" STYLE="text-align: center; border-bottom-style: solid; border-color: 000000; border-width: 1px;">
So that the cell's background changes color and then changes back when the mouse moves away...

So my question is, how do I make it so that instead of a solid background in those cells, it's a gradient? EDIT: or, to make me look even dumber, an image?

Posted: Thu Nov 03, 2005 3:45 pm
by foobar
{ background-image: url(your_mom.jpg); }

Posted: Thu Nov 03, 2005 3:52 pm
by fluffy-sama
>.>;; I knew it was something like that!! >.<

Thanks ^.^