PDA

View Full Version : FAQs- How to center Chrome Menu bar



ddadmin
04-19-2006, 11:45 PM
Hi guys:
This seems to be a common question asked= how to center the menu items for Chrome Menu (http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm). Well, I haven't thoroughly tested this yet, but one way to easily align the menu items whatever way you want (left, center, or right) is to make the following change to chromestyle.css:

For:


#chromemenu ul{
border: 1px solid #BBB;
width: 100%;
background: url(chromebg.gif) center center repeat-x; /*Theme Change here*/
margin-left: 0;
padding: 5px 0;
text-align: center; */set to left, center, or right*/
margin: 0;
float: left;
font: bold 12px Verdana;
}

And for:


#chromemenu ul li a{
color: #7F7F7F;
font-weight: bold;
/*removed float: left*/
padding: 5px 12px;
text-decoration: none;
background: url(divider.gif) center right no-repeat; /*Theme Change here*/
}

That should do it. The lines in red are new additions, while the line in orange is what you need to remove.