Simple.....please help me!

1

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.

.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;
}

 <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

2

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. :slight_smile: