jkkenzie Posted September 8, 2010 Share Posted September 8, 2010 I am not able to ensure the background image of the links cover a height of 106px , it only covers the text with the link. I would like the backgorund image on hover of the links to cover the whole height of the cell and not the link only. <td class="mnubg"> <a href="page.html">page</a></td> .mnubg{background:url(../images/mnubg.jpg) repeat-x; height:106px; color:#FFF; } .mnubg a:link, .mnubg a:active, .mnubg a:visited{ color:#FFF; text-decoration:none;} .mnubg a:hover{ color:#FFF; background:url(../images/mnuhover.gif) no-repeat;} Thanks in advance Link to comment https://forums.phpfreaks.com/topic/212824-link-background-image/ Share on other sites More sharing options...
jkkenzie Posted September 8, 2010 Author Share Posted September 8, 2010 Got the solution .mnubg a:hover{ color:#FFF; background:url(../images/mnuhover.gif) no-repeat center; padding-top:14px; padding-left:0px; padding-right:0px; padding-bottom:63px;} Link to comment https://forums.phpfreaks.com/topic/212824-link-background-image/#findComment-1108550 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.