Ik heb een probleem, zie:
Het menu gooit teveel padding tussen elke <li> weet iemand hoe ik dit kan verhelpen ?
De css:
PHP
#dropdownmenu {
width: 805px;
height: 39px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
position: relative;
display: block;
}
#dropdownmenu ul { padding: -1; list-style: none; }
#dropdownmenu ul li { padding: 0; background: url(images/li-border.png) no-repeat top left; float: left; margin-top: 5px; margin-bottom: 0px; }
#dropdownmenu ul li a {width:112px; line-height: 31px; padding: 0 10px; color: #fff; text-shadow: 1px 0px 0 #000; float: left; text-decoration:none; }
#dropdownmenu ul li a:hover { color: #fff; }
#dropdownmenu .top {height:39px; padding-top:0px; font-size: 9px; }
#dropdownmenu .top_first {background: none; height:39px; padding-top:-1px; }
#dropdownmenu .top_first:hover { top left no-repeat; }
#dropdownmenu .top_last {width:144px; background-position: -1132px 0px; }
#dropdownmenu .top_last a {width:124px; line-height:0px; color: #FFF; text-shadow: 1px 0px 0 #000; }
#dropdownmenu .first_right { margin-left:-1px;}
#dropdownmenu .first_right a { margin-right:-1px; }
#dropdownmenu .pokemon { width: 112px; height: 39px; display: block; background: url(images/layout/pokemon.png); position: absolute; right: 5px; top: -124px; z-index: 3; }
/* Dropdown */
/* LEVEL ONE */
ul.dropdown { position: relative; background-color:#000000; font-size: 5px; }
ul.dropdown li { zoom: 1; }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 1; }
/* LEVEL TWO */
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left:0; font-size:11px; border-left:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000; margin-top:-1px; }
ul.dropdown ul li { background:#000; }
ul.dropdown ul li a { display: inline-block; background-color:#000000; width:121px; }
ul.dropdown .logout {border-top:1px solid #577113;}
/* LEVEL THREE */
ul.dropdown ul ul { left: 100%; top: 0; width:141px; background:#000; border-top:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000;}
ul.dropdown li:hover > ul { visibility: visible;}
Live: http://www.pokelite.com en even inloggen als demo / demo
