-
1. Re: Can't fix submenu issue - popping up above spry instead of below
Ben Pleysier Dec 11, 2010 5:04 PM (in response to thersher)Try by removing the width here
ul.MenuBarActive
{
z-index: 1000;
width: 75px;
}Gramps
-
2. Re: Can't fix submenu issue - popping up above spry instead of below
thersher Dec 12, 2010 5:57 AM (in response to Ben Pleysier)Gramps, I'm confused, I don't have any width set there.
-
3. Re: Can't fix submenu issue - popping up above spry instead of below
Ben Pleysier Dec 12, 2010 1:35 PM (in response to thersher)I think I am the one that was confused, my apologies.
When I added the following to your document, the submenu behaved quite well.
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
top: auto;
}Having said that, your mangling of the originial SpryMenuBarHorizontal.css has surprised me.
Have a look at http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one and compare that with what you have done. Also have a look at the last example here http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html. Although that is a vertical menu, the same applies to horizontal.
Cheers,
Gramps
-
4. Re: Can't fix submenu issue - popping up above spry instead of below
thersher Dec 12, 2010 4:37 PM (in response to Ben Pleysier)Gramps, thank you for your help, you are usually the one who sets me straight and I do appreciate it!
I'm sure I've mangled the file, since I'm experimenting to figure out what works and what doesn't.
I'm not understanding one of the 10 commandments however, so maybe you wouldn't mind clarifying for me?
VI. Thou shalt not apply padding, borders or margins to menubar list items
I typically will set my width to auto, so that each menu item is only taking up as much space as it needs. If I do not have enough menu items to fill a certain space, sometimes I will use padding to space the items out because I don't like the look of unequal space between items. I haven't noticed menus being broken because of this, so what is the reason for this rule?
Theresa Sheridan Designs Website & Graphic Design 559.782.1022 559.306.7887 (cell) www.theresasheridan.com -
5. Re: Can't fix submenu issue - popping up above spry instead of below
Ben Pleysier Dec 12, 2010 5:33 PM (in response to thersher)This is a cautionary statement which applies to all styled elements, not only the SpryMenuBar. When a width is set to an item to then add a border, margins and padding, this will upset the total width of the item and as far as I can recoolect, the effect can vary between browsers.
Personally, I stay clear of padding by default and use margins on div contents to keep the elements from the div edges, for example I have a <div class="content"> which will have a certain width.and contain headings and text. To keep these elements from touching the edges my style rules will look like
.content p, .content h2 {
margin-left: 10px;
margin-right: 10px
}
This will not affect the total width of the element as opposed to
.content {
padding-left: 10px;
padding-right: 10px;
}
I hope this helps,
Gramps


