Center alignment of menu
So I want to put three menu buttons into a horizontal navigation div. But it always aligns left. Am I missing something or is this a wish for version 3?
So I want to put three menu buttons into a horizontal navigation div. But it always aligns left. Am I missing something or is this a wish for version 3?
When setting up your menu, there is an option to set the alignment of the text. To change this, go into the Edit Menu Theme wizard and click on the Type tab, and you can change the alignment for each level of the menu structure.
Thanks for that, but the problem is not text alignment but the center alignment of the actual menu divs within the site.
Peter,
It sounds like you need to wrap the menu inside a div which is nested inside the horizontal div and then style the CSS to get what you need, like this:
<div id="menuWrapper">
<div id="menuFocus">
(you menu include here)
</div>
</div>
Then make sure in your CSS, that menuWrapper is set to go the full width you want it to, such as:
#menuWrapper {
width: 100%;
}
Or, input the value of the entire width of your page... and then to center the menu, style the margins on the inside div like this:
#menuFocus {
margin-left: auto;
margin-right: auto;
}
That should take your entire menu and put in the center.
Cheers,
Brian
Thanks Brian for the input. That solution should work great.
Peter: Let us know if that works out for you.
Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.
These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.