css - ul li based menu with automatic overflow? -
currently i'm developing simple website client. right have problem ul/li generated menu. page 900px, menu font quite large, 30px, wide horizontal margins. want menu items, go second row, there no space left (about 5 items fit in 1 line). between lines of menu items image i've used "margin-bottom: 226px" achieve correct position of second menu items line. , here problem, because of high margin, menu overlapping on , nothing can clicked or selected. tryed z index popup content layer, didnt worked. above red line unclickable.
do know way achieve such result 2 lines of menu items avoid above mentioned overlapping problem?
this css
/* main navigation menu */ #nav { float: none; font-family: 'special elite', verdana, tahoma, sans-serif; text-align: center; } #nav ul { list-style: none; } #nav ul li { background: none!important; display: inline-block; text-align: right; /*height: auto;*/ margin-top: 35px; **margin-bottom: 226px;** padding-left: 30px; padding-right: 30px; position: relative; top: -10px; /* letter-spacing: 5px;*/ }
Comments
Post a Comment