# Simple.....please help me!

**URL:** <https://forum.kirupa.com/t/simple-please-help-me/204736>\
**Category:** Uncategorized\
**Created:** [October 23, 2006, 2:25am UTC](https://forum.kirupa.com/t/simple-please-help-me/204736 "2006-10-23T02:25:59Z")\
**Posts on this page:** 2\
**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 23, 2006, 2:25am UTC](https://forum.kirupa.com/t/simple-please-help-me/204736/1 "2006-10-23T02:25:59Z")

</div>

hi guys.

i making a menu and i need help with this please.

there’s 2 point that i need fix.

1- when i across the mouse in the link and the css (.btn\_style a:hover) make the rollover, dont change the background color totally.

2- i want that when i put the mouse in the cell button make the rollover, no in the text link.

check the code.

css.

```auto
.btn_style {
 color: #FFFFFF;
 padding-left: 5px;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #FFFFFF;
 background-color: #B30000;
 font-family: Tahoma;
 font-size: 11px;
 font-style: normal;
 display: block;
 vertical-align: middle;
}
.btn_style a:hover {
 color: #FFFFFF;
 background-color: #333333;
 font-family: Tahoma;
 font-size: 11px;
 font-style: normal;
 display: block;
 vertical-align: middle;
 height: auto;
 width: auto;
 padding-top: 2px;
 padding-bottom: 2px;
}

```

```auto
 <td width="780" height="20"><table width="780" cellspacing="0">
<tr>
<td width="74" height="17" class="btn_style"><a href="#">
<font color="#000000">Link here</font></a></td>
<td width="90" class="btn_style"><a href="#">
<font color="#000000">Link here</font></a></td>
<td width="146" class="btn_style"><a href="#">
<font color="#000000">Link here</font></a></td>
<td width="81" class="btn_style"><a href="#">
<font color="#000000">Link here</font></a></td>
<td width="116" class="btn_style"><a href="#">
<font color="#000000">Link here</font></a></td>
<td width="122" class="btn_style"><a href="#">
<font color="#000000">Link here</font></a> </td>
<td width="135" class="btn_style"><a href="#">
<font color="#000000">Link here</font></a></td>
</tr>
</table></td>
</tr>
</table></td>

```

can you fix the css code for work that i want?

thanks.

regards

---

<div class="post-metadata">

**Author:** ![noTime](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/notime/32/2608_2.png) [@noTime](https://forum.kirupa.com/u/noTime)\
**Post date:** [October 23, 2006, 5:48am UTC](https://forum.kirupa.com/t/simple-please-help-me/204736/2 "2006-10-23T05:48:49Z")

</div>

I haven’t played with tables for ages. But I can name your problem. a:hover corresponds to \<a\> rollover between your \<td class=“btn\_style”\>. I wasn’t able to fix it without JavaScript :D, so I must recommend using DIV menu. 🙂