Creative COW SIGN IN :: SPONSORS :: ABOUT US :: CONTACT US
WEB: Web Design Forum- TutorialsDreamweaver Forum- TutorialsFlash Forum- TutorialsWeb StreamingTraining

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

Cow Forums : Adobe Dreamweaver
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

cowcowcowcowcow
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 >>


FORUMSTUTORIALSMAGAZINEDVDsBOOKSPODCASTSEVENTSSERVICESNEWSLETTERNEWSBLOGS

© CreativeCOW.net All rights are reserved.

[Top]