Submenu problem

Hi,
I just tested some menubar-submenu on browser but the submenu is not moved with browser. If the browser is resized or moved, the submenu doesn't detect the event and always popped up at the first place. I found the same thing on JavaFX sample demo page:
http://download.oracle.com/otndocs/products/javafx/2.0.2/samples/Ensemble/index.html
To re-produce this problem, open the link above then click control->choice box. Then move the browser or resize it. The submenu is still popped up at the first place.
I wonder this is a common problem or only happening to me..

Yes, choice boxes don't display in the correct location in browsers.
I filed a jira issue regarding this earlier http://javafx-jira.kenai.com/browse/RT-18874, which which is also filed as similar issues http://javafx-jira.kenai.com/browse/RT-18251 and http://javafx-jira.kenai.com/browse/RT-15970
Note, ContextMenus don't display in the correct location when you scroll the browser either (this is also captured in RT-15970).
Tooltips (which are also heavy-weight overlay controls) do display in the correct location - so somebody is doing something right somewhere - just need to do the same correct thing for the other pop-over controls.
These bugs are all scheduled to be fixed in the next (2.1) release, but you can vote for them in Jira or leave a comment there if you wish.

Similar Messages

Spry submenu problem in IE7

Hi everyone,
I am having a problem with Dreamweaver CS3 where the spry
horizontal menu's submenus shift over to the right and level with
the bar rather than dropping down as a submenu should. This only
happens in IE7 however, not in Firefox or any other browser I have
tried. The website is
http://www.daytonlifepurpose.org/homePage.html
I tried the spry 1.5 js file "fix" but had no luck. Any help
at all would be greatly appreciated! Thanks!

Hi everyone,
I am having a problem with Dreamweaver CS3 where the spry
horizontal menu's submenus shift over to the right and level with
the bar rather than dropping down as a submenu should. This only
happens in IE7 however, not in Firefox or any other browser I have
tried. The website is
http://www.daytonlifepurpose.org/homePage.html
I tried the spry 1.5 js file "fix" but had no luck. Any help
at all would be greatly appreciated! Thanks!

Spry SubMenu problem

Hello,
I have created a spry menu for my website and am having problems making the submenu look the way I want it to. The menu item bar needs to stay invisible until it is hovered over...which I have done. However, once I hover over that menu item, I want the whole submenu background to change to the same color as my menu item background in the hovered state. Currently all I can achieve is to have each individual submenu item background changed when hovered over. I need the whole sub menu to have a background color to it. When I try and fix this by adding a property to the submenu, it changes the menu item background, and this I need to stay invisible in its normal state.
Any ideas on what I am missing or what I can do to fix this? Your help is greatly appreciated.
Nate

You can change all the settings in your spry CSS
Free Dreamweaver video tutorials at http://www.helpvid.net
Stay Safe
Mark

Level 2 Submenu problems - Horizontal Spry Menu

Okay, I have successfully implemented a horizontal spry menu. Most links don't have drop downs but there are some that has submenus. For example.
Main Link
   > Products
   > Services
          Service 1
          Service 2
          Service 3
etc
The 1st submenu works fine (i.e. the one that would show products and services) and the second level submenu links work okay as well (ie Service 1, 2 etc) BUT ONLY in Firefox, Safari and Chrome. I CANNOT for life nor money get the second submenu to work in ie8. It just doesn't show! I need help urgently!
The site is in design process so there isn't a URL yet. If it would be helpful, I could upload everything onto my server so the files can be viewed. Just let me know what is required.
Has anyone encountered anything like this before? All very weird...and needless to say...very annoying too.
Thanks in advance for any suggestions.
Ben

Update - it's a problem with opacity!
I wnated to have a submenu with 0.85 opacity. I had the following CSS in the file:
ul.MenuBarHorizontal ul
filter:alpha(opacity=85);
    -moz-opacity:0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
This resulted in the second submenu disappearing in IE8...but it worked okay in all the other browsers.
Any idea for submenus with opacity in IE??
Ben

JMenu pop-up SubMenu problem

Hi,
I'm having a problem displaying a submenu on a JMenu. My app has a tree with various nodes. After clicking on one of the nodes, you can either view the menu in pop-up form by right clicking on the node, or from a regular menu at the top of the screen. These menu's are identical and are generated by the same functions except one if pop-up and the other is not.
Everything works fine, EXCEPT, when opening the pop-up menu, the submenu's do not appear - the "Select Files" item does not even have the submenu arrow next to it. I know this methos is entered and run without failure as I have debugged it but the submenus just do not appear.
Here is the source:
JMenuItem[] m_actions m_actions = new JMenuItem[actionNames.length];     // items for display in the popup menu for this object
JMenu m_selectFiles = new JMenu("Select Files");                    // sub menu for select files option
public void setMenu(JMenu aMenu, boolean aMultipleSelection) {
     aMenu.removeAll();
     for(int i=0; i<m_actions.length; i++) {
          if (m_actions[i] instanceof JMenu) {
               if (!m_actions.getText().equals("Select Files"))
                    aMenu.add((JMenu)m_actions[i]);
               else
                    addSelectMenu (aMenu);
          } else     {
               aMenu.add(m_actions[i]);
               if(aMultipleSelection & !m_multipleActions[i])
                    m_actions[i].setEnabled(false);
                    if(!aMultipleSelection & m_permittedActions[i])
                    m_actions[i].setEnabled(true);
private void addSelectMenu (JMenu aMenu) {
     if (m_selectFiles.getItemCount() > 0) {
          m_selectFiles.removeAll();
     templateSubMenus = new JMenu("Output Templates");
     if (templateNames == null)
          templateNames = getTemplates();
     else {
          templateNames.removeAllElements();
          templateNames = getTemplates();
     if (templateSubMenus.getItemCount() > 0) {
          templateSubMenus.removeAll();
     JMenu[] templateSubOptions = new JMenu[templateNames.size()];
     for(int j=0; j<templateNames.size(); j++) {
          templateSubOptions[j] = new JMenu((String)templateNames.elementAt(j));
          templateSubOptions[j].add(new JMenuItem("Modify"));
          templateSubOptions[j].getItem(templateSubOptions[j].getItemCount()-1).addActionListener(monListener);
          templateSubOptions[j].getItem(templateSubOptions[j].getItemCount()-1).setActionCommand("TempModify:"+(String)templateNames.elementAt(j));
          templateSubOptions[j].add(new JMenuItem("Copy"));
          templateSubOptions[j].getItem(templateSubOptions[j].getItemCount()-1).addActionListener(monListener);
          templateSubOptions[j].getItem(templateSubOptions[j].getItemCount()-1).setActionCommand("TempCopy:"+(String)templateNames.elementAt(j));
          templateSubOptions[j].add(new JMenuItem("Delete"));
          templateSubOptions[j].getItem(templateSubOptions[j].getItemCount()-1).addActionListener(monListener);
          templateSubOptions[j].getItem(templateSubOptions[j].getItemCount()-1).setActionCommand("TempDelete:"+(String)templateNames.elementAt(j));
          templateSubMenus.add((JMenu)templateSubOptions[j]);
     templateSubMenus.addSeparator();
     templateSubMenus.add(new JMenuItem("New Template"));
     templateSubMenus.getItem(templateSubMenus.getItemCount()-1).addActionListener(monListener);
     m_selectFiles.add(templateSubMenus);
     aMenu.add((JMenu)m_selectFiles);
Any ideas would be greatly appreciated.
Thanks!!!!!

Hi,
I have the same problem. Can anybody help please?
Thanks,
Kaveh

Horizontal Menu - Submenu Problem in IE

I wanted a Spry menu that would adjust to longer menu abd submenu items, and followed the tips in the Adobe Labs article "Auto Width Horizontal Menu Bar." What I've ended up with works fine in Forefox, but in IE7, when I hover over the Main menu item, the submenu drops down fine. But when I mouse over the first item in the submenu, the submenu realigns from a striaght drop down list into submenu items arrayed in two horitzontal rows below the main menu.
I've pored through it for a couple of hours now, and compared what I did closely to the Auto Width menu bar tutorial sample, and apart from some font styling, I'm not finding what's going wrong. Any help would be much appreciated.
The menu is up on this page:
http://www.catskill4sale.com/Nav_topnew.htm
I'm using Spry 1.6.1 and uploaded those Spry assets to the server.
Thanks for any help anyone can offer on this.
David

Hi David,
First of all add a closing bracket as shown in red in the following tag:
<meta name="description" content="Sullivan County, New York Real Estate Listings.">
I have gone through your listing and found that you did not make an allowance for IE.
In the following steps I have shown the complete code rather than change your code.
1. Make sure you have the original unadulterated Spry stylesheet attached to your page.
2. Add the following styles to your page. The style rule coiloured red is read by IE only hence the remark (/*...*/):
<style type="text/css">

</style>
3. Add your menubar as follows making sure that you add the extra red coloured DIV's to accomodate IE :
<div class="sidebar">
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="default.asp">Main Home</a>            </li>
    <li><a href="listings.asp">Search MLS</a></li>
    <li><a class="MenuBarItemSubmenu" href="resources.asp">Buyer Info</a>
      <ul>
        <li><a href="lakefront.asp">About Lakes</a></li>
        <li><a href="family.asp">Familes with Children</a></li>
        <li><a href="value2.asp">What Houses Cost Here</a></li>
        <li><a href="gayre.asp">For GLBT Buyers</a></li>
        <li><a href="highend.asp">For Upper End Buyers</a></li>
        <li><a href="faq.asp">Buyer FAQs</a></li>
      </ul>
    </li>
    <li><a href="http://blog.catskill4sale.com">My Blog</a></li>
    <li><a href="county.asp" class="MenuBarItemSubmenu">Area Intro</a>
      <ul>
        <li><a href="county.asp">Sullivan County Areas</a></li>
        <li><a href="catskillsrealestate.asp">Catskill Cnty Comparison</a></li>
      </ul>
      </li>
    <li><a href="current.asp" class="MenuBarItemSubmenu">Market Conditions</a>
      <ul>
        <li><a href="current.asp">Latest Market Report</a></li>
        <li><a href="archive.asp">Archived Reports</a></li>
      </ul>
      </li>
    </ul>
</div>
<div class="clearAll"> </div>
<script type="text/javascript">

</script>
</div>
I hope the above will fix your problem. I have purposely not centered the submenus because that added another problem.
Ben

Vertical submenu problem with adobe acrobatreader in iframe

We've a problem that when we have an adobe acrobat file opened in an iframe that the pop-up submenus are appearing behind the adobe pdf.
It seem the z-index in the CSS doesn't deal with it.
When we remove the pdf like src="" then the sub-menus (pop-ups) are appearing correctly and with src="somefile.pdf" the submenus again are behind that pdf.
Did anyone solve this problem?

SOLVED:
http://forums.adobe.com/message/2142641
Current version has a BUG. Version 1.4 works properly.

HELP!!!!!!!!!!!!!!!SUBMENU PROBLEM IN PREVIEW SITE

why my submenus are like that?NEED HELP....
this is a preview site in browser...
I NEED HELP ASAP....
when i roll over the sub menu that thing like a shadow is not fit on the submenu.they always like that...
and the submenus are overlapped....
but in the design mode..they are all fine...
PLEASE....I NEED HELP...Anyone?

do you see error messages when you publish your swf? are you using the html that's created by flash?

Submenu Problems

I inherited a web site that was developed in Dreamweaver. I am new to DW and am using Dreamweaver 3. The client (against my advice) wanted to place a navigation bar that was on the top to the bottom of the page. I have successfully moved it there for the page in question (he only wants this to happen on one page), but I've lost the submenu that exists on one of the buttons. I can see this drop-down (now a "drop up" because of the placement of the navigations bar) in the development environment, but it won't show up in the browser. If I make the submenu visible, it will show up in the browser and work as expected, but won't - of course - hide.
Any suggestions? I'm running out of hair to pull out.
Thanks!

Here you go:
http://www.thevalleyacademicmentors.com/about_us.html
Thank you.

ADOBE MUSE SUBMENU PROBLEM

I am a subscriber of Adobe CC and I am using Adobe Muse cc 2014. I created a web site "Kocaeli Üniversitesi Tıp Fakültesi Genel Cerrahi Anabilim Dalı". I have built some child pages but when I publish the site the submenus (Might be under "Hakkında" and "Eğitim" menus) can not shown. What may be the problem? Would you please help me?

Hello,
Thank you for your reply. But I have selected it in my Menu. I am adding you the screen shot. Still the submenus do not shown.

Menubar submenu centering problems

I just downloaded the spry widgets today to use the menubar
in a webpage. I need the menu items to be centered but the submenus
to be on the left. Unfortunately while it works in Firefox it does
not work in IE7. In IE the menu items on top are centered but the
submenus shift over to the right with the left edge of the submenu
directly under the center of it's parent menu item. I checked the
Menu
Bar Styling Examples thread but nothing I tried seemed to work
(ironically i accidentally commented out the ul.MenuBarHorizontal
li.MenuBarItemIE css and it did align correctly in ie even though
it caused other problems)
Here's the html code I'm using in the page that contains the
menubar along with any css for the menu bar in the actual page:
quote:
<style type="text/css">
ul.MenuBarHorizontal li
width: 103px;
text-align:center;
font-size:11px; border:none;
ul.MenuBarHorizontal ul li
width: 150px;
text-align:left; font-size:11px; border:none;
ul.MenuBarHorizontal a
text-align:center; background-color:#9ACABE; color:#FFFFFF;
font-weight:bold; font-family:arial;
ul.MenuBarHorizontal ul a {
text-align: left;
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
color: #003377;
text-decoration:underline;
</style>
****START OF HTML CODE****
<td valign="middle" height="25px" align="center"
bgcolor="#9ACABE">
<table cellpadding=0 cellspacing=0 width="100%"
align="center">
<tr valign="middle" align="center">
<td align="center" valign="middle">

<ul id="menubar1" class="MenuBarHorizontal">
<li><a href="about.html">ABOUT
US</a></li>
<li><a class="MenuBarItemSubmenu"
href="services.html">SERVICES</a>
<ul>
<li><a href="itServices.html">Information
Technology</a></li>
<li><a
href="consultServices.html">Consulting</a></li>
<li><a href="accountServices.html">Customer
Support</a></li>
<li><a href="softwareEngineering.html">Software
Engineering</a></li>
<li><a href="immunization.html">Immunization
Registry</a></li>
<li><a
href="products.html">Products</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu"
href="alliances.html">ALLIANCES</a>
<ul>
<li><a
href="customers.html">Customers</a></li>
<li><a
href="partners.html">Partners</a></li>
<li><a
href="affiliates.html">Affiliates</a></li>
</ul>
</li>
<li><a href="news.html">NEWS &
EVENTS</a></li>
<li><a
href="contact.html">CONTACTS</a></li>
</ul>

<script type="text/javascript">
var menubar1 = new Spry.Widget.MenuBar("menubar1",
{imgDown:"", imgRight:""});
</script>
</td>
</tr>
</table>
</td>
Here's a copy of the SpryMenuBarHorizontal.css file I have:
quote:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release
1.5 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights
reserved. */
LAYOUT INFORMATION: describes box model, positioning,
z-order
/* The outermost container of the Menu Bar, an auto width box
with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
/* Set the active Menu Bar with this class, currently setting
z-index to accomodate IE rendering bug:
http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this
container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 8em;
float: left;
/* Submenus should appear below their parent (top: 0) with a
higher z-index, but they are initially off the left side of the
screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 8.2em;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation
MenuBarSubmenuVisible, we set left to auto so it comes onto the
screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 8.2em;
/* Submenus should appear slightly overlapping to the right
(95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation
MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text
decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #EEE;
padding: 0.5em 0.75em;
color: #333;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue
background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
/*background-color: #33C;*/
color: #FFF;
/* Menu items that are open with submenus are set to
MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal
a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal
a.MenuBarSubmenuVisible
/*background-color: #33C;*/
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a
given menu item
/* Menu items that have a submenu have the class designation
MenuBarItemSubmenu and are set to use a background image positioned
on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
/*background-image: url(SpryMenuBarDown.gif);*/
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation
MenuBarItemSubmenu and are set to use a background image positioned
on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
/*background-image: url(SpryMenuBarRight.gif);*/
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class
designation MenuBarItemSubmenuHover and are set to use a "hover"
background image positioned on the far left (95%) and centered
vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
/*background-image: url(SpryMenuBarDownHover.gif);*/
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class
designation MenuBarItemSubmenuHover and are set to use a "hover"
background image positioned on the far left (95%) and centered
vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
/*background-image: url(SpryMenuBarRightHover.gif);*/
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless
you are an expert
/* HACK FOR IE: to make sure the sub menus show above form
controls, we underlay each submenu with an iframe*/
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
/* HACK FOR IE: to stabilize appearance of menu items; the
slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f/loat: left;
background: #FFF;
If I can get this last issue working I'd be all set with the
website. If anyone has any suggestions I would greatly appreciate
it. Thanks.

All you have to do is remove the text-align:center that you
added to this rule:
ul.MenuBarHorizontal li
width: 103px;
text-align:center;
font-size:11px; border:none;
In the Menu Bar Styling Examples, we don't change the
text-alignment of the li, we change the alignment of the link
elements which are the actual menu items.
--== Kin ==--

Menu problem, going to submenu in stead of first play

I've authored a DVD that has a main menu with five buttons for five submenus. Each submenu then has five buttons for the movies plus another button to return to the main menu. Everything works in the simulator, disc starts on first play main menu everything is selectable. Problem is on the burned DVD choosing main menu goes to one of the submenus although choosing main menu button does send you to the main menu. What'sd going on. I've used the same procedure to build a disc several times and no problem

A couple of questions: how long is the first play
video? Is the audio the same length? Does the first
menu have any video or audio? Also, it doesn't happen
in Simulator, but does it happen if you play the
VIDEO_TS folder on your hard disk with DVD Player?
Just trying to determine if your set-top box is the
cause, or whether maybe the audio is repeating
because it's not the same length as the video.
That was it. Audio was longer than video. Thanks!

Spry horizontal menu: submenu background problem in IE7

Hello,
I am using the Spry horizontal menu in this website: http://www.isis-papyrus.com
It works perfectly on all current version browsers, but in IE7 the white submenu background only shows behind the actual text for each link and not to the border of the submenu box.
I modified the css to allow for dynamic sizing for each submenu (see below).
Any suggestions would be greatly appreciated.
Best, Oliver
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 10px;
cursor: default;
width: auto;
font-family: Verdana, Geneva, sans-serif;
font-weight: normal;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: auto;
float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: auto;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 100%;
clear:left;
    float: none;
background-color: transparent;
    color: #fff;
white-space: nowrap;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: 100%;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #339999;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #fff;
padding: 0.4em 0.8em;
color: #339999;
text-decoration: none;
white-space: nowrap;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #fff;
color: #339999;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #339999;
color: #fff;
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;

Thank you so much for your quick answer Beth!
You solved half my problem!
I added the bg-color to the li and ul styles of the submenus (css below) and now the white background shows correctly in IE7.
The only thing I still would like to resolve: The hover style for the menu items (inverse bg and text colors) only works for the actual text of the link and not for the entire width of the submenu box.
Any suggestions?
Thank you again.
Best, Oliver
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 10px;
cursor: default;
width: auto;
font-family: Verdana, Geneva, sans-serif;
font-weight: normal;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: auto;
float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: auto;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 100%;
clear:left;
    float: none;
background-color: #fff;
     color: #fff;
white-space: nowrap;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: 100%;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #339999;
background-color: #FFF;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #fff;
padding: 0.4em 0.8em;
color: #339999;
text-decoration: none;
white-space: nowrap;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #fff;
color: #339999;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #339999;
color: #fff;
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;

Menu/submenu managing and Event Listening problem

Hi guys,
I'm creating a flashwebsite and I've got a problem with submenu appearing/disappering.
What is extremely easy in html/jquery is taking me overburned in actiuonscript: make appear a submenu only when the mouse cursor is over its button and not over itself.
Indeed I've my button/MC, that contains its submenu (which is a vertical list of MC), and when I go over it, submenu appears, when I leave, sub menu becomes invisible.
BUT, when I go over the space under the button (where my invisible submenu is), submenu become visible another time. I know that cause is the listener associated to the main button is linked to all its nested MC.
My question is: there is a way to declare a listener only to a MC and not for all is nested elements?
If not, what shopuld I do for my pourpose?
function createNav(lang:String = 'it') {
    var nav:Array = new Array({label: "CHI SIAMO", url: "../chi-siamo/index.php"},
                              {label: "PRODUZIONE ESECUTIVA", url: "../produzione-esecutiva/index.php"},
                              {label: "FILMOGRAFIA", url: "../filmografia/index.php"},
                              {label: "CAMPILOTS", url: ""},
                              {label: "PROGETTI", url: ""},
                              {label: "NEWS", url: ""},
                              {label: "CONTATTI", url: ""},
                              {label: "LINGUE", url: "", submenu:new Array({label:"ITALIANO", url:""},
                                                                           {label:"INGLESE", url:""},
                                                                           {label:"TEDESCO", url:""},
                                                                           {label:"FRANCESE", url:""}
    var navHeight:Number = 25;//single element height
   //BUTTON CREATION
    for (var i = 0;i < nav.length;i++) {
        var item:MovieClip = new NavLink();
        item.label.text = nav[i].label;
        item.href = nav[i].url;
        if(nav[i].submenu != null){    //SUBMENU CREATION
            for(var j:int = 0; j < nav[i].submenu.length; j++){
                var subLabel = new SubLabel();
                subLabel.x = subLabel.y = 18 * (j + 1);
                subLabel.tfMC.text = nav[i].submenu[j].label;
                item.addChild(subLabel);
        item.buttonMode = true;
        item.mouseChildren = false;
        item.addEventListener(MouseEvent.CLICK, function(e) {
            href = e.target.href;
            gotoAndPlay('page2page');
        var subMenuAnim:Array = new Array();
        item.addEventListener(MouseEvent.MOUSE_OVER, function(e) {
            var iconCocc:MovieClip = e.target.coccinella;
            var iconRotTween:Tween = new Tween(iconCocc, "rotation", Back.easeOut, iconCocc.rotation, (iconCocc.rotation + ((Math.random() * 200) + 200)), 2, true);
            //APPREAING ANIMATION
        item.addEventListener(MouseEvent.MOUSE_OUT, function(e) {
            for(var i:int = 0; i < subMenuAnim.length; i++){
               //DISAPPREAING ANIMATION
            subMenuAnim = new Array();
        item.y = navHeight * i;
        item.visible = false;
        item.coccinella.rotation = (Math.random() * 200);
        nav_container.addChild(item);

What are you doing to make the submenu invisible? If you set its visible property to false it should not interact with the mouse, but if you are changing its alpha property to 0, it will react.

Problem with submenu

can anyone please help me over how to write submenu code in struts.

Can you please expand your problem a little bit. If you are talking about javascript menus, then it has nothing to do with Struts. You can find a lot of ready to use scripts to create menus like here ...

Submenu problem

Similar Messages

Maybe you are looking for