close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Center alignment of menu

Thread began 9/17/2009 10:01 am by peter123675 | Last modified 9/18/2009 1:31 pm by Jimmy Wu | 2227 views | 4 replies |

peter123675

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?

Sign in to reply to this post

Jimmy Wu

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.

Sign in to reply to this post

peter123675

that's not the problem

Thanks for that, but the problem is not text alignment but the center alignment of the actual menu divs within the site.

Sign in to reply to this post

anonymous

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

Sign in to reply to this post

Jimmy Wu

Thanks Brian for the input. That solution should work great.

Peter: Let us know if that works out for you.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

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.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...