1. Please look at the Price List at the link below:
<!-- m --><a class="postlink" href="http://www.absorbentprinting.com/catalog/matchbooks/matchbooks/20_stem_standard_color_matchbook#pricechart">http://www.absorbentprinting.com/catalo ... pricechart</a><!-- m -->
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,
-cmotorWent 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...How about this instead:
1. take this link:
<!-- m --><a class="postlink" href="http://www.screamingleather.com/csstable_rollovers.html">http://www.screamingleather.com/csstable_rollovers.html</a><!-- m -->
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,
-cmotoris it not done via the rowcolhilite_new.js file rather than pure CSS?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='http://www.webdeveloper.com/forum/archive/index.php/page.htm'">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"page.htm">Link Text</a></td>
Wot about this?you could also investigate the table ruler
<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/tableruler/">http://www.alistapart.com/articles/tableruler/</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.absorbentprinting.com/catalog/matchbooks/matchbooks/20_stem_standard_color_matchbook#pricechart">http://www.absorbentprinting.com/catalo ... pricechart</a><!-- m -->
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,
-cmotorWent 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...How about this instead:
1. take this link:
<!-- m --><a class="postlink" href="http://www.screamingleather.com/csstable_rollovers.html">http://www.screamingleather.com/csstable_rollovers.html</a><!-- m -->
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,
-cmotoris it not done via the rowcolhilite_new.js file rather than pure CSS?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='http://www.webdeveloper.com/forum/archive/index.php/page.htm'">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"page.htm">Link Text</a></td>
Wot about this?you could also investigate the table ruler
<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/tableruler/">http://www.alistapart.com/articles/tableruler/</a><!-- m -->