# Table Effect **URL:** \ **Category:** programming\ **Created:** [June 28, 2003, 12:44am UTC](https://forum.kirupa.com/t/table-effect/24269 "2003-06-28T00:44:37Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![sdrawkcaB](https://avatars.discourse-cdn.com/v4/letter/s/22d042/32.png) [@sdrawkcaB](https://forum.kirupa.com/u/sdrawkcaB)\ **Post date:** [June 28, 2003, 12:44am UTC](https://forum.kirupa.com/t/table-effect/24269/1 "2003-06-28T00:44:37Z")
I’ve seen this many a time, when you hover into a table it changes the background color of the table. How? ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [June 28, 2003, 1:24am UTC](https://forum.kirupa.com/t/table-effect/24269/2 "2003-06-28T01:24:09Z")
css styles. ```php onMouseOver="this.style.backgroundColor='#3399FF'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='#0067CF';" onClick="window.location.href='home.php'" ``` just change the colors. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [June 28, 2003, 4:28am UTC](https://forum.kirupa.com/t/table-effect/24269/3 "2003-06-28T04:28:19Z")
wow… thats crazy useful ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [June 28, 2003, 1:49pm UTC](https://forum.kirupa.com/t/table-effect/24269/4 "2003-06-28T13:49:28Z")
^Sarcasm? Anyways, thanks Jubba. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [June 28, 2003, 1:52pm UTC](https://forum.kirupa.com/t/table-effect/24269/5 "2003-06-28T13:52:15Z")
onMouseOver=“this.style.backgroundColor=’#3399FF’; this.style.cursor=‘hand’;” onMouseOut=“this.style.backgroundColor=’#0067CF’;” onClick=“window.location.href=‘home.php’” How would I end it? With a \> ? And can I just have it with the onMouseOver and onMouseOut ? ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [June 28, 2003, 2:02pm UTC](https://forum.kirupa.com/t/table-effect/24269/6 "2003-06-28T14:02:23Z")
you just put that in the cell code. \< td \> and yes. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [June 29, 2003, 10:52am UTC](https://forum.kirupa.com/t/table-effect/24269/7 "2003-06-29T10:52:17Z")
Jubba, where do I put that code at? Can you make an HTML page or something for me so I can get the source code for where to put it? ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [June 29, 2003, 2:47pm UTC](https://forum.kirupa.com/t/table-effect/24269/8 "2003-06-29T14:47:53Z")
[www.bluefinatlantic.com/home.php](http://www.bluefinatlantic.com/home.php) just view source and you’ll see how its used. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [June 30, 2003, 12:29pm UTC](https://forum.kirupa.com/t/table-effect/24269/9 "2003-06-30T12:29:49Z")
Thats a tiny tad bit easier, but I still can’t figure out how to enter it successfully. It’s there a button to click in DW that makes it an option or what? ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [June 30, 2003, 2:56pm UTC](https://forum.kirupa.com/t/table-effect/24269/10 "2003-06-30T14:56:42Z")
sorry if you took it the wrong way… its not sarcam… good luck with it ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 1, 2003, 1:43pm UTC](https://forum.kirupa.com/t/table-effect/24269/11 "2003-07-01T13:43:10Z")
Chea, It’s cool. Just wasn’t sure. Haha… ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 1, 2003, 2:01pm UTC](https://forum.kirupa.com/t/table-effect/24269/12 "2003-07-01T14:01:46Z")
No there isn’t a button. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 2, 2003, 6:48am UTC](https://forum.kirupa.com/t/table-effect/24269/13 "2003-07-02T06:48:55Z")
Dang. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 2, 2003, 5:52pm UTC](https://forum.kirupa.com/t/table-effect/24269/14 "2003-07-02T17:52:26Z")
If you want to use it in DreamWeaver, you can just go to the insert script button, and type it in there. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 3, 2003, 2:47pm UTC](https://forum.kirupa.com/t/table-effect/24269/15 "2003-07-03T14:47:23Z")
^Haha, I was talking about like a button in DW to insert the code for the effect for me. Thanks tho. Jubba, I am still confused on where to put this information in? Do I make the table, and put it inside the empty part? It’s just not really working. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 3, 2003, 2:49pm UTC](https://forum.kirupa.com/t/table-effect/24269/16 "2003-07-03T14:49:00Z")
Ahhh I got it. Nevermind. THANKS JUBBA!! ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [August 6, 2003, 8:31am UTC](https://forum.kirupa.com/t/table-effect/24269/17 "2003-08-06T08:31:44Z")
I have pretty much tried everything I can think of, but iit still wont work! Arggg!!! I am trying to make the target frame=mid. Any ideas using that code? onMouseOver=“this.style.backgroundColor=’#88A4C8’; this.style.cursor=‘hand’;” onMouseOut=“this.style.backgroundColor=’#686F77’;” onClick=“window.location.href=‘nav/dev.htm’” ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [August 6, 2003, 2:20pm UTC](https://forum.kirupa.com/t/table-effect/24269/18 "2003-08-06T14:20:38Z")
I got an even better solution than that uses CSS classes. I will post a tutorial about it tonight. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [October 28, 2003, 10:58am UTC](https://forum.kirupa.com/t/table-effect/24269/19 "2003-10-28T10:58:35Z")
> \*Originally posted by Vash \* > \*\*css styles. ```php onMouseOver="this.style.backgroundColor='#3399FF'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='#0067CF';" onClick="window.location.href='home.php'" ``` just change the colors. \*\* how can i include that to be part of a CSS class so that each table cell inheriting from this class would have this rollover effect on? 🙂 ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [October 28, 2003, 2:04pm UTC](https://forum.kirupa.com/t/table-effect/24269/20 "2003-10-28T14:04:28Z")
> \*Originally posted by DigitalPimp \* > \*\*I got an even better solution than that uses CSS classes. I will post a tutorial about it tonight. \*\* Im wondering… Have you decided to start this? It would be nice to see another solution. [Next page](https://forum.kirupa.com/t/table-effect/24269.md?page=2)