Menu

[dragon86]

Hello... i am trying to create a simple rollover effect when users roll over the links on the menu bar
http://www.umix.vgremixed.com

the problem i am having is it just does the color change for txt background. i would like it to change color of the whole cell. i am using internal css so you can see my css in the source.

it is just very basic at the moment.

any help would be greatly appreciated.

Thanks

[Snookerman]

Change this:

a:hover {
background-color:#66FF33;
color:white;
font-weight:bold;
text-decoration:none;
}

to this:

td:hover {
background-color:#66FF33;
color:white;
font-weight:bold;
text-decoration:none;
}

You will want to target only the cells in the menu so you can give the table row containing the menu an id, say "menu" and make the code:

#menu td:hover {
background-color:#66FF33;
color:white;
font-weight:bold;
text-decoration:none;
}

Also, since you are so early into making this page, I'd like to give you a tip that will save you a lot of work in the future, try not to use tables for design, take a look at this article for more info:
http://www.hotdesign.com/seybold/everything.html

Good luck!

[dragon86]

ok i tried adding just td:hover

but that takes away all aspects of the hover effect... now it does nothing