complex css formatting of tables

[cmotor]

1. Please look at the Price List at the link below:

http://www.absorbentprinting.com/cat...ook#pricechart


2. I want to use a similar hover/mouseover technique for my website so that
I can have table cells change color in different locations like the Price List at
the link above. Can this be done with css alone or will I need to use
javascripting as well?

I would appreciate any referals to sites with tutorials for this kind of css table
programming.

Thank you,
-cmotor

[grailquester5]

Went through a couple of stylesheets but couldn't find anything directly related to what you want to do. The table cell itself could be formatted with a css style, but changing the background on the <th> and leftmost <td> column elements is Javascript. Possibly a combo of the 2. Neat effect too... I'm intruiged...

[cmotor]

How about this instead:

1. take this link:
http://www.screamingleather.com/csstable_rollovers.html

2. How can I make the background color of the entire row change when someone moves the cursor over any cell in that row?

Thanks,

-cmotor

[mthomas1973]

is it not done via the rowcolhilite_new.js file rather than pure CSS?

[Bobby_S]

I guess you should use some javascript:
ex.

<td onMouseOver="this.style.backgroundColor='#EEEEEE'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='#FFFFFF';"
onClick="window.location.href='page.htm'">
<a href="page.htm">Link Text</a></td>

Wot about this?

[DaveSW]

you could also investigate the table ruler
http://www.alistapart.com/articles/tableruler/