horizontal menu bar sub menu positioning

Hi Dreamweaver spry gurus,

Here is my problem - the sub menu that pops out after clicking on archive button on my menubarhorizontal is distant from the drop down.

Any assistance with positioning would be appreciated. I would like the menu choices?box that starts with 'October 2008' to be 5% from the top of the Archive button and offset 95% from the left of the Archive button.

Is there a reference in faily simple terms that helps a novice like me to determine which CSS rules apply to what parts in these instances?

Thanks for you assistance

Doug

horizontal menu bar sub menu positioning

Hi, Doug,

Learning to read the CSS stylesheets for Spry Widgets is an extremely rewarding skill.

They use predominantly descendant styles.That is,

• ul.MenuBarHorizontal styles all in the menubar.
• ul.MenuBarHorizontal li styles all list items (menu and submenu).
• ul.MenuBarHorizontal ul styles all submenu lists
• ul.MenuBarHorizontal ul li styles all submenu list items

and so forth. Understand that styles lower on the list may cancel or change styles imposed higher on the list, as usual.

As good fortune would have it, David Powers has just written a couple of tutorials for those using Spry Menu Bars:

http://forums.adobe.com/thread/494769

It does appear to me, however, that your design is suffering from center-itis. That does not mean that your design is bad, but that because you have styled the top menus (and all under) to be centered, all positioning is off-kilter.

You can see your submenus readjust when you take off the centering...you may have placed it too high in your descendancy (see list above). When you find another way to effect the centering on the top menus, your submenus will stay where you want them.

It is possible that David addresses this very topic in his tutorial.

Have fun!

Beth