CSS menu question
i using code horizontal menu , want add hover/current page item image different main image (menu.gif). reason image shows height of a: link, is, menu text. how override 43px image starts @ top of .main-menu background?
/*** menu ***/ .main-menu { clear:both; overflow:hidden; padding:0px 0px 0px 0px; background:url(images/menu.gif);} .main-menu .corner-left { background:url(images/menu-left.gif) no-repeat 0 0;} .main-menu .corner-right { background:url(images/menu-right.gif) no-repeat right 0; width:100%;} .menu { padding:0px 0px 0px 7px; } .menu ul { list-style:none; width:100%; overflow:hidden; height:100%;} .menu ul li { float:left; height:100%; background:url(images/ver.gif) no-repeat 0 2px; margin:0px 0px 0px -2px; padding:15px 31px 12px 31px;} .menu ul li { display:block; float:left; overflow:hidden; text-decoration:none;} .menu ul li { font-size:1.4em; color:#dceaef;} .main-menu a:hover, .current_page_item { display: block; height: 43px; color: #fff; background-image: url(images/menu_hover.gif); background-repeat: repeat-x; background-color: transparent; margin: 0px; }
try line-height: 43px instead of height.
nancy o.
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment