Hi I am trying to get my site to the do the following. If you go to: audiocean.net/soul/company.htm
and roll the cursor over the left hand side the background turns to blue. Is there a way to do this with CSS? How was it done please?
thanks

Try this: Table Color Changer

Description:
Use these instructions to create onMouseover/onMouseout color effects within tables. Change table rows or table cells bgcolor when mouse moves over elements of the table. <b>This script works on IE only.</b>

Directions:
Below you will see example code and where to place it in your HTML file. Change the colors shown in the example to match the colors that you use on your site. You can type in the actual color name (ex. black) or the HEX code for the color (ex. #000000). Use the 'Grab Text' buttons to select the code within the adjacent textarea. Use the link above to view the Ace Color Chart for reference. Then use Control-C or Edit -&gt; Copy to buffer the text for pasting into your document.

Paste the following code into the table element that you want to change. For example, if you want to change the table row you paste the code into the &lt;TR&gt;. If you want to change a table cell color you paste the code on the &lt;TD&gt;. You may even add it to the &lt;TABLE&gt; tag to highlight the entire table.

Here is the code:
onMouseover="this.bgColor='lightgrey'"
onMouseout="this.bgColor='#FFFFFF'"

I got this from this site:
www.cgiscript.net/cgi-script/csNews/csNews.cgi?database=js_mouse_tricks%2edb&command=viewone&id=49&op=t

I hope this helps you.
p.s. -- Remember that this only works in IE

Hi thanks for replying to me. I still don't quite get it knowing where to place it. I uploaded this test page.
audiocean.net/soul/test2.htm
Can you possibly redo the html and send it me so I can see the changes that I must do and where exactly to place them? PLEASE

Okay-- here it is

www.solowhost.com/help/test2__2.htm

I hope that it all makes sense. Feel free to email if you have any more questions at or just post on here.
Good Luck

Hey thanks that makes so much more sense to see it like that. Now how wouold I go about changing the color of the text also on roll over, also is it possible to have the cursor turn into a pointer hand? Lastly is there a way to have the words in the cells line up alittle to the right so there not against the wall flush...?
Thanks much

Edited by - keano on 14 Feb 2003 00:04:38

okay -- here ya go. Tell me if this makes sense or not. I did it kinda quick

www.solowhost.com/help/cellhelpall.htm

Man your a great teacher! I am sure this is a helpful post for many people. I got what you did with the link but is there a way where the link (word) doens't have a line under it like here:
www.happiness.org/About_Us.aspx

okay -- No underline on links:

The script below usually works only on newer browsers.
Add this code to your page, within the &lt;head&gt;&lt;/head&gt;tags.

&lt;style type="text/css"&gt;
&lt;!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
--&gt; &lt;/style&gt;

I also updated the page i have been doing for you.
www.solowhost.com/help/cellhelpall.htm

I was just wondering. Is this page that i am helping you with from your site or are you just wanting to create a site just like it.

Let me know what you think.

I guess the code didnt show up so its on the site that i gave you before

Here ya go dood, paste this in your head section of the page

&lt;style type="text/css"&gt;
&lt;!--
a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; text-decoration: none}
a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; text-decoration: none}
--&gt;
&lt;/style&gt;

Getting rid of the underlines is achieved using the Text-Decoration ;none value.

You should have a play around with the CSS creator within dreamweaver. It's easy to use and can totally transorm a page <img src=../images/dmxzone/forum/icon_smile.gif border=0 align=middle>

Regards,
Dave

UD4 | Flash 5 | SQL | Access | ASP/VBScript | XP-Pro

It was stated at the begining of this post that this script only works IE. Is the on that works on most browsers?

thanks, let me try that out. I am actually trying to replicate that effect for a site I want to do.

You guys rule thanks so much!