Background Color not filling table cell from top to bottom on hover


	Cow Forums : Adobe Dreamweaver << PREVIOUS THREAD • VIEW ALL THREADS • PRINT • NEXT THREAD >>

Background Color not filling table cell from top to bottom on hover
by Patrick Mc Cabe (thedoouge) on Jul 17, 2008 at 11:42:37 am

Hi, I am using the following css to achieve rollovers with a little boder, in the following page
http://www.emerging-group.com/indexflv.php
when I hover over the menu at the top of the page I want the background colour to fill the td it is in from top to bottom as well as from left to right, , ,

Can anyone help?

#newmenu {background-image:url(newsite/i/menubackground.png); height:32px; width:780px;margin-left:auto; margin-right:auto;}
#newmenu td { border-right: 1px solid;}
#newmenu a { font-size:12px; font:Trebuchet MS, Arial, Helvetica, sans-serif; color:#000066; text-decoration:none; font-weight:bold; }
#newmenu a:hover{
color:#ff0000;
background-color: #000066;
display: block;
}

Thanks
Patrick

Respond to this post • Return to posts index

Re: Background Color not filling table cell from top to bottom on hover
by Abraham Chaffin on Jul 17, 2008 at 4:10:05 pm

The problem you have is that the background color on the 'a' tag is being set but the 'a' tag is not stretching the width and height of the 'td'.

What you can do is change the class of the 'td' to a different class onMouseOver and back onMouseOut and remove the background off the 'a' tag.


.nav {background(whatever);}

.navover {background(somethingelse);}



<td class='nav' onMouseOver="this.className='navover';"

onMouseOut="this.className='nav';">

Abraham

Respond to this post • Return to posts index


	<< PREVIOUS THREAD • VIEW ALL THREADS • PRINT • NEXT THREAD >>