View Single Post
  #8 (permalink)  
Old 11-15-2007, 12:36 PM
holyhttp holyhttp is offline
WebProWorld Member
 

Join Date: Jul 2006
Location: Oakland, CA
Posts: 45
holyhttp RepRank 0
Default Re: Wrapping on Horizontal CSS Menu

You can wrap your navigation menu by just floating the list item instead of having them inline:
#subnavbar li {
float:left;
margin-right:5px;
background-image:url(../i/layout/arrow_pink.gif);
background-repeat:no-repeat;
background-position:center left;
padding-left:14px;
line-height:18px;
}

because li is now floated it might be a good idea to specify the height of #subnavbar. A height 36px should be enough to contains the 2 lines i.e double of the <li> line-height.

Last edited by holyhttp : 11-15-2007 at 12:40 PM.
Reply With Quote