Spry Menu Bar Widget

I know I must be missing something simple but where within the Spry css can I make the menu bar center on the page. Thanks for your help.

You want to change the ul.MenuBarHorizontal rule. Make sure it has a
specific width (not auto) and set the margins to auto. You can either change
the value in the SpryMenuBarHorizontal.css sheet or create a new style after
the link to that style sheet, like this:

<style type="text/css">
<!--
ul.MenuBarHorizontal {
width: 32.2em;
margin: auto;
}
-->
</style>

--
Best - Joe

Joseph Lowery
Vice President of Marketing, WebAssist
Author of Dreamweaver CS3 Bible

"letponys" <webforumsuser (AT) macromedia (DOT) com> wrote

I know I must be missing something simple but where within the Spry css can
I make the menu bar center on the page. Thanks for your help.

You cannot center a CSS horizontal list unless you assign fixed widths to
each root level LI and then you can use Joe's suggestion by assigning a
width to the outer wrapper that is equal to the aggregate of the root LI
widths (adjusted for box-model). If the root level LIs are set to an auto
width, then you will be able to center the menu construct but the first LI
will be aligned at the left edge of the centered box.

--
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"


"letponys" <webforumsuser (AT) macromedia (DOT) com> wrote

I know I must be missing something simple but where within the Spry css can
I make the menu bar center on the page. Thanks for your help.