# Css rollover, please help!

**URL:** <https://forum.kirupa.com/t/css-rollover-please-help/204678>\
**Category:** Uncategorized\
**Created:** [October 22, 2006, 2:03pm UTC](https://forum.kirupa.com/t/css-rollover-please-help/204678 "2006-10-22T14:03:21Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![camaleon](https://avatars.discourse-cdn.com/v4/letter/c/e36b37/32.png) [@camaleon](https://forum.kirupa.com/u/camaleon)\
**Post date:** [October 22, 2006, 2:03pm UTC](https://forum.kirupa.com/t/css-rollover-please-help/204678/1 "2006-10-22T14:03:21Z")

</div>

hi guys.

i have a menu with some cells, the cells have links. i want that when i rollover a cell the background change with diferent color than the others.

send me the css pls!!!

Menu:

> \<body\>  
> \<table width=“780” cellspacing=“0”\>  
> \<tr\>  
> \<td width=“74” height=“17” class=“btn\_style”\>\<a href=“#”\>link1\</a\>\</td\>  
> \<td width=“90” class=“btn\_style”\>\<a href=“#” class=“style1”\> link2 \</a\>\</td\>  
> \<td width=“146” class=“btn\_style”\>\<a href=“#” class=“style1”\> link3 \</a\>\</td\>  
> \<td width=“81” class=“btn\_style”\>\<a href=“#” class=“style1”\> link4 \</a\>\</td\>  
> \<td width=“116” class=“btn\_style”\>\<a href=“#” class=“style1”\> link5 \</a\>\</td\>  
> \<td width=“122” class=“btn\_style”\>\<a href=“#” class=“style1”\> link6 \</a\> \</td\>  
> \<td width=“135” class=“btn\_style”\>\<a href=“#” class=“style1”\> link7 \</a\>\</td\>  
> \</tr\>  
> \</table\>  
> \</body\>

---

<div class="post-metadata">

**Author:** ![acc](https://avatars.discourse-cdn.com/v4/letter/a/b38774/32.png) [@acc](https://forum.kirupa.com/u/acc)\
**Post date:** [October 23, 2006, 4:33pm UTC](https://forum.kirupa.com/t/css-rollover-please-help/204678/2 "2006-10-23T16:33:15Z")

</div>

simply define the class’ hover

a.style1:link{color:#000000;text-decoration:underline;}  
a.style1:visited{color:#000000;text-decoration:underline;}  
a.style1:hover{color:#00A0C6;text-decoration:none;background:#e0e0e0;}

just change the parameters to adjust it to what you want

hope that helps, you can also use this same stuff, to change the background image if an image is something you want as a backgound.

here’s a great resource site  
[www.cssplay.co.uk](http://www.cssplay.co.uk)

---

<div class="post-metadata">

**Author:** ![fasterthanlight](https://avatars.discourse-cdn.com/v4/letter/f/ecc23a/32.png) [@fasterthanlight](https://forum.kirupa.com/u/fasterthanlight)\
**Post date:** [October 23, 2006, 5:56pm UTC](https://forum.kirupa.com/t/css-rollover-please-help/204678/3 "2006-10-23T17:56:11Z")

</div>

I think perhaps he means changing the background colour of the table cell?

maybe this GOOGLE search helps point you in the right direction

[http://www.google.ca/search?q=background+table+cell+change+CSS&start=0&ie=utf-8&oe=utf-8&client=firefox-a&rls=org.mozilla:en-US:official](http://www.google.ca/search?q=background+table+cell+change+CSS&start=0&ie=utf-8&oe=utf-8&client=firefox-a&rls=org.mozilla:en-US:official)

---

<div class="post-metadata">

**Author:** ![acc](https://avatars.discourse-cdn.com/v4/letter/a/b38774/32.png) [@acc](https://forum.kirupa.com/u/acc)\
**Post date:** [October 23, 2006, 10:21pm UTC](https://forum.kirupa.com/t/css-rollover-please-help/204678/4 "2006-10-23T22:21:02Z")

</div>

[QUOTE=fasterthanlight™;1983760]I think perhaps he means changing the background colour of the table cell?

maybe this GOOGLE search helps point you in the right direction

[http://www.google.ca/search?q=background+table+cell+change+CSS&start=0&ie=utf-8&oe=utf-8&client=firefox-a&rls=org.mozilla:en-US:official[/QUOTE]](http://www.google.ca/search?q=background+table+cell+change+CSS&start=0&ie=utf-8&oe=utf-8&client=firefox-a&rls=org.mozilla:en-US:official%5B/QUOTE%5D)

the property could be set to display:block, i would guess.

but i guess it would have to be this way, td.className a {properties}