Submenus horizontal

Similar Questions

• Horizontal menu, submenu vertical

  I use CC of Muse. How to make a horizontal menu with submenus vertical?  I looked at the screenshots various people have posted, but they do not work for me.  The vertical menu automatically makes the submenus horizontal - I want the opposite.

  In your pages subsites add them horizontally in your site map.

  

  As I have here in my following screenshot which will show in your horizontal menu which Untitled 5 and 6 is in fact open horizontally in the menu while the 7, 8 and 9 opens vertically.

  

  Hope that helps.

• Horizontal submenu Spry does not hide in Internet Explorer

  My submenus horizontal spry remain displayed in Internet Explorer. What I would do.
  I use vista with DW cs3.
  
  James

  See what has been changed, it's hard to say. A suggestion I can do without seeing the code must make sure that your Spry is up to date. To find your current version of Spry, review the sections file in the SpryAssets folder. At the top it will say "sections - version 0. # - Spry pre-release 1. #. # »

  If you are running version 0.6; Pre-release 1.6.1 so that you do not use the latest version. If this is the case manager on the site below which is the official website of Spry. You will find a link to the official forums of Spry and Spry update package. Inside this package is a bunch of samples, demos and an Extension. Install the extension, and then restart DW. Once restarted, under the Sites menu, you will see a new option to update Spry. Click on this and your Spry will be updated to the latest version.

  If you're still having problems after doing this, you'll need to be a link to your page or the code of your page so that we can see what you have changed the Spry script.

• Menu question Novise

  I'm still working on my first website. I put on a horizontal menu widget and there is only some submenus. But I want to have my submenus horizontal too and I want to be able to adjust them separately. How can I do?

  Hello

  Please see the link for a similar post on the forum below:

  Re: How to make my sub menu horizontal?

  In addition,

  The following links may also be useful:

  Adobe Muse CC 7.0 tutorial | Beautiful graphic Navigation - YouTube

  Adobe Muse Mega Menu Dropdown Widget | MuseThemes.com

  Concerning

  Sonam

• submenu Spry stops working

  Hello. I am very new to create an Internet site. My submenus horizontal spry used to work fine until I added more pages, then the drop-down menus just stopped showing. Please give some suggestion, thank you.

  Also, there is no code at all in the SpryMenuBar.js. Don't know what I did wrong.

  This is the rub. I think you can accidentally deleted the code. Once this problem is corrected, you will find that everything is Ok.

  If you have a SpryMenuBar.js file on your local system, i.e. one that got the original code, simply download the file. If your local version is as corrupt, easiest way to create a new is to remove the current SpryMenuBar.js, open a new document in your site and call the junk.html or similar, then add a menu bar to this document. This will create a new SpryMenuBar.js. Download the file and everything is fine.

  Please be patient with me. I'm super news for creating the site and learned to do things myself so it may be in all directions.

  I'm sorry, but I don't believe you. OK it's true that I would have been a more modern structured document, but the result is beautiful and that's what counts. I love the site

• Submenus don't destroy not only horizontally but vertically.

  When you create a widget menu with submenus the submenus are anligning horizontal alignment.

  Where would be the problem?

  Thank you.

  

  Just look here:

  

• Spry Horizontal submenus shift of menu in Explorer bar

  I am redesigning my site and manage with spry menu horizontal bar submenus which are compensatory right in Explorer.  They should be aligned vertically. They work properly in Safari, Firefox and Chrome. Also get into trouble with it on the homepage where he won't fall down on the content of my table-bearing.  Any suggestions on how to fix these flaws?  My beta site.

  Sorry, I was hoping that the doctype is the problem.

  Try to move the menu constructor before the constructor slideshow as in

  GRAMPS

• Horizontal submenus Spry drop not vertical

  Please forgive me if there's a post answering the question of ths.  I went through about 20 posts and 2 tutorials that I thought that it would process without success. I use CS4 with Vista and ie7, I thought that my problem was the Flash video as the menu, but the problem still exists when I deleted the flash.

  I inserted a horizontal Spry menu with submenus, but the submenus drop horizontal and not vertical. (In the design of the menu display has a vertical drop). Take a look at the first and the third link for an example. http://gigharborrealestate.com/dw_question/

  Thank you

  The problem lies here:

  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;
  }
  

  You must assign a width for submenus. Otherwise, IE display these files directly horizontally.

• Site of scroll a Page with anchors and a bar of navigation with submenus

  Hello

  
  

  I create a site with scroll one page anchors.

  Now, I want to have a navigation bar with submenus, i.g. navigation leads to 'projects', but within projects I need 6 submenus for each project.

  How can I achieve this Muse?

  
  

  Thank you

  Michael

  Create a menu manual and a link to the anchors.

  Library/Menus/Horizontal Widget

  In the Options offset the screen: Menu Type: manual

  Mark each box of the menu you create and bind to specific anchor.

  Consult this section of a site that I created that mimics what you want to do:

  PS-AD-15

• Is it possible to have top-level menu to horizontal top and under menu on the right or the left

  I have a site put in place with the upper level horizontal menu at the top of page.

  I was wondering if it is possible to have submenus positioned as needed - to the right or left side of the page rather than directly in the menus at the top.

  I currently generated submenus as a menu manual separated and placed next to the page.  Would rather all the menus were linked, rather than two separate menu widgets.

  Hope it makes sense.

  Hello

  We cannot achieve this with default menu, but you can try compositions on the page to create the menu.

  For example, in the ToolTip you can use trigger in the horizontal main menu and target in the side menu where users when the mouse hover to main navigation then target appears on the side of the page.

  Thank you

  Sanjit

• Horizontal Spry bar does not not in Explorer

  I can't get my bar horizontal spry to work in Explorer as it keeps appearing vertical, while in Firefox, it is horizontal. I've tried a few things without success. If possible, could someone please take a look?

  http://www.telephoneaidlinekingston.com/

  Any help I could get would be much appreciated.

  Thank you very much.

  When you change the original sections, you should read the comments first. The biggest problem that you created yourself, this is where you changed positioning and floats. What follows is one that affects the IE

  /*******************************************************************************

  BROWSER HACKS: hacks below should not be changed, unless you are an expert

  *******************************************************************************/

  / * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.

  UL. MenuBarHorizontal iframe

  {

  position: absolute;

  z index: 1010;

  Filter:alpha(opacity:0.1);

  }

  / * HACK FOR IE: to stabilize the appearance of the menu items. the slash in the float is to keep IE 5.0 analysis * /.

  @media screen, projection

  {

  UL. MenuBarHorizontal li. MenuBarItemIE

  {

  display: inline;

  float: none;

  Background: #FFF;

  }

  }

  Change this to float: left

  Other sections that can change things, but vhanges who is certainly not recommended

  / * The outermost container for the menu bar, an area of width auto without margin or padding * /.

  UL. MenuBarHorizontal

  {

  margin: 0;

  Padding: 1;

  list-style-type: none;

  do-size: 100%;

  cursor: default;

  Width: auto;

  position: relative;

  }

  The following was left out the text-align property

  UL. MenuBarHorizontal li

  {

  margin: 0;

  padding: 0;

  list-style-type: none;

  do-size: 100%;

  position: relative;

  cursor: pointer;

  Width: 200px;

  float: left;

  }

  Why change the value of the positioning and z-index values in the following?

  / * Submenus should appear under their parent (top: 0) with a higher z-index, but they are first the left side of the screen (-1000em) * /.

  UL. MenuBarHorizontal ul

  {

  margin: 0;

  padding: 0;

  list-style-type: none;

  font size: 75%;

  z-index: 1000;

  cursor: default;

  Width: 5th;

  position: relative;

  left:-1000em;

  }

  What is c? Widths must be a unit of measure as in pixels, ems, or even a percentage.

  / * Submenu containers have borders on all sides * /.

  UL. MenuBarHorizontal ul

  {

  Width: 100;

  }

  I think that I have listed all the problems. After correcting these and there are still problems, please come back here.

  GRAMPS

  PS Sorry if I look grumpy, I get this personality trait for free as my years of wear.

• Menu Spry, horizontal submenu, must fall down in front of flash player in Internet Explorer

  I am building a Web site that contains a horizontal menu spry with submenus on some of the tabs. On one page of the Web site, there is a flash drive in the upper part and for some reason any IE puts the drop-down list behind the flash player. I guess I need to change the CSS files for Spry menu, but I don't know where to start? How can I tell IE to display all of the Spry elements on top?  Any ideas? Just a side note... all other browsers display the menu correctly.

  I use Dreamweaver CS4 on Mac.

  Thank you

  I'm curious! Please take a look here http://kb2.adobe.com/cps/142/tn_14201.html

  GRAMPS

• CS4 MENU HORIZONTAL SPRY DOES NOT WORK IN IE 8

  I had problems with the drop-down list of CS4 so I decided to create a clean HTML page and start from scratch. I created a new HTML page with nothing else than a horizontal menu spry, but it does not work in IE 8. Drop-down menus do not show. Nothing has been changed in all included files in DW, but I copied and pasted below.

  Any help would be greatly appreciated.

  HTML:

  < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
  " < html xmlns =" http://www.w3.org/1999/xhtml ">
  < head >
  < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
  < title > Untitled Document < /title >
  < script src = "SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script > "
  < link href = "SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / > "
  < / head >

  < body >
  < ul id = "MenuBar1" class = "MenuBarHorizontal" >
  < li > < a class = "MenuBarItemSubmenu" href = "#" > item 1 < /a >
  < ul >
  < li > < a href = "#" > 1.1 < /a > < /li >
  < li > < a href = "#" > 1.2 < /a > < /li >
  < li > < a href = "#" > question 1.3 < /a > < /li >
  < /ul >
  < /li >
  < li > < a href = "#" > item 2 < /a > < /li >
  < li > < a class = "MenuBarItemSubmenu" href = "#" > point 3 < /a >
  < ul >
  < li > < a class = "MenuBarItemSubmenu" href = "#" > point 3.1 < /a >
  < ul >
  < li > < a href = "#" > section 3.1.1 < /a > < /li >
  < li > < a href = "#" > 3.1.2 < /a > < /li >
  < /ul >
  < /li >
  < li > < a href = "#" > point 3.2 < /a > < /li >
  < li > < a href = "#" > point 3.3 < /a > < /li >
  < /ul >
  < /li >
  < li > < a href = "#" > point 4 < /a > < /li >
  < /ul >
  < script type = "text/javascript" >
  <!--
  var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});})
  ->
  < /script >
  < / body >
  < / html >

  @charset "UTF-8";

  / * Sections - version 0.6 - Pre - Release Spry 1.6.1 * /.

  / * Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

  /*******************************************************************************

  The AVAILABLE INFORMATION: Describes the box model, positioning, the order

  *******************************************************************************/

  / * The outermost container for the menu bar, an area of width auto without margin or padding * /.
  UL. MenuBarHorizontal
  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  do-size: 100%;
  cursor: default;
  Width: auto;
  }
  / * Value of the menu bar active with this class, currently the definition of z-index to accommodate IE rendering bugs: http://therealcrisp.xs4all.nl/Meuk/IE-zindexbug.html */
  UL. MenuBarActive
  {
  z-index: 1000;
  }
  / * Menu item containers, position of children relative to this container and are a fixed width * /.
  UL. MenuBarHorizontal li
  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  do-size: 100%;
  position: relative;
  text-align: left;
  cursor: pointer;
  Width: 8th;
  float: left;
  }
  / * Submenus should appear under their parent (top: 0) with a higher z-index, but they are first the left side of the screen (-1000em) * /.
  UL. MenuBarHorizontal ul
  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  do-size: 100%;
  z index: 1020;
  cursor: default;
  Width: 8.2em;
  position: absolute;
  left:-1000em;
  }
  / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we put the car left so it happens on the screen below its parent menu item * /.
  UL. MenuBarHorizontal ul. MenuBarSubmenuVisible
  {
  left: auto;
  }
  / * Container of menu items are same fixed width parent * /.
  UL. MenuBarHorizontal ul li
  {
  Width: 8.2em;
  }
  / * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) * /.
  UL. MenuBarHorizontal ul ul
  {
  position: absolute;
  margin:-5% 0 0 95%;
  }
  / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we have left to 0, it is on the screen * /.
  UL. MenuBarHorizontal ul. MenuBarSubmenuVisible ul. MenuBarSubmenuVisible
  {
  left: auto;
  top: 0;
  }

  /*******************************************************************************

  INFORMATION DESIGN: Describes the set of colors, borders, fonts

  *******************************************************************************/

  / * Submenu containers have borders on all sides * /.
  UL. MenuBarHorizontal ul
  {
  border: 1px solid #CCC;
  }
  / * Menu items are a light grey 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;
  }
  / Components menu that have mouse over or focus have a blue background and white text * /.
  UL. MenuBarHorizontal a: hover, ul. MenuBarHorizontal a: focus
  {
  background-color: # 33;
  color: #FFF;
  }
  / * Menu items that are opened with the submenus are on MenuBarItemHover with a blue background and white text * /.
  UL. MenuBarHorizontal a.MenuBarItemHover, ul. MenuBarHorizontal a.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.MenuBarSubmenuVisible
  {
  background-color: # 33;
  color: #FFF;
  }

  /*******************************************************************************

  Submenu INDICATION: styles if there is a submenu in a given category

  *******************************************************************************/

  / * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.
  UL. MenuBarHorizontal a.MenuBarItemSubmenu
  {
  background-image: url (SpryMenuBarDown.gif);
  background-repeat: no-repeat;
  background-position: 50 95%;
  }
  / * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.
  UL. MenuBarHorizontal ul a.MenuBarItemSubmenu
  {
  background-image: url (SpryMenuBarRight.gif);
  background-repeat: no-repeat;
  background-position: 50 95%;
  }
  / * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" 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: 50 95%;
  }
  / * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" 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: 50 95%;
  }

  /*******************************************************************************

  BROWSER HACKS: hacks below should not be changed, unless you are an expert

  *******************************************************************************/

  / * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.
  UL. MenuBarHorizontal iframe
  {
  position: absolute;
  z index: 1010;
  Filter:alpha(opacity:0.1);
  }
  / * HACK FOR IE: to stabilize the appearance of the menu items. the slash in the float is to keep IE 5.0 analysis * /.
  @media screen, projection
  {
  UL. MenuBarHorizontal li. MenuBarItemIE
  {
  display: inline;
  f\loat: left;
  Background: #FFF;
  }
  }

  SpryMenuBar.js - version 0.12 - Pre - Release Spry 1.6.1
  //
  Copyright (c) 2006. Adobe Systems Incorporated.
  All rights reserved.
  //
  Redistribution and use in source form and binary, with or without
  modification, are permitted provided that the following conditions are met:
  //
  * The redistributions of source code must retain the above copyright notice
  This list of conditions and the following disclaimer.
  * The redistributions in binary form must reproduce the above copyright notice
  This list of conditions and the following disclaimer in the documentation
  and/or other documents provided with the distribution.
  * Neither the name of Adobe Systems Incorporated nor the names of its
  contributors may be used to endorse or promote products derived from this
  software without specific written permission.
  //
  THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS WHAT.
  AND ANY EXPRESS WARRANTY OR IMPLIED, INCLUDING, BUT WITHOUT LIMITATION, THE
  GUARANTEED IMPLICIT QUALITY MARKET AND ADEQUACY HAS A PARTICULAR PURPOSE
  ARE EXCLUDED. IN NO CASE WILL THE OWNER OF THE COPYRIGHT OR CONTRIBUTORS BE
  RESPONSIBLE FOR DIRECT, INDIRECT, INCIDENTAL, SPECIAL DAMAGES, COPIES, OR
  CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PURCHASES OF)
  SUBSTITUTE PRODUCTS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
  INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
  CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
  RESULTING FROM THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
  POSSIBILITY OF SUCH DAMAGES.

  /*******************************************************************************

  SpryMenuBar.js
  This file manages the JavaScript for the Spry menu bar.  You should have no need
  to change this file.  Some highlights of the object from the menu bar, is that the timers are
  used to prevent the display until the user has flown over the parent of submenus
  menu item for some time, but also a timer for when they leave a submenu to keep
  display this submenu until that timer starts.

  *******************************************************************************/

  var Spry; If (!.) Spry) Spry = {}; If (!.) Spry.Widget) Spry.Widget = {};

  Spry.BrowserSniff = function()
  {
  var b = navigator.appName.toString ();
  var up = navigator.platform.toString ();
  au var = navigator.userAgent.toString ();

  This.Mozilla = this.ie = this.opera = this.safari = false;
  var re_opera = /Opera. ([0 - 9.] *)/i;
  var re_msie = /MSIE. ([0 - 9.] *)/i;
  var re_gecko = / gecko/i;
  var re_safari = /(applewebkit|safari)-/ ([\d\.] *) / i;
  var r = false;

  If ((r = ua.match (re_opera))) {}
  This.Opera = true;
  This.version = parseFloat (r [1]);
  } else if ((r = ua.match (re_msie))) {}
  This.IE = true;
  This.version = parseFloat (r [1]);
  } else if ((r = ua.match (re_safari))) {}
  This.Safari = true;
  This.version = parseFloat (r [2]);
  } else if (ua.match (re_gecko)) {}
  var re_gecko_version = /rv:\s*([0-9\.]_+) / i;
  r = ua.match (re_gecko_version);
  This.Mozilla = true;
  This.version = parseFloat (r [1]);
  }
  This.Windows = this.mac = this.linux = false;

  This. Platform = ua.match (/ windows/i)? "windows":
  (ua.match (/ linux/i)?) "linux":
  (ua.match (/ mac/i)?) "mac":
  UA.match (/ unix/i)? (('unix': 'unknown'));
  [this. Platform] = true;
  This.v = this.version;

  If (this.safari & & this.mac & & this.mozilla) {}
  This.Mozilla = false;
  }
  };

  Spry.is = new Spry.BrowserSniff ();

  Constructor for the Menu bar
  element must be an ID of an unordered list (< ul > tag)
  preloadImage1 and preloadImage2 are images for the rollover a State menu
  Spry.Widget.MenuBar = function (element, opts)
  {
  This.init (element, opts);
  };

  Spry.Widget.MenuBar.prototype.init = function (element, opts)
  {
  This.Element = this.getElement (element);

  represents the menu (under-) current, in that we operate
  this.currMenu = null;
  this.showDelay = 250;
  this.hideDelay = 600;
  If (typeof document.getElementById == 'undefined' |) (navigator.vendor == 'Apple Computer, Inc.' & & typeof window.) XMLHttpRequest == "undefined"). (Spry.is.ie & & typeof document.uniqueID == 'undefined'))
  {
  deposit on older browsers not taken in charge
  return;
  }

  Difficulty of flickering images CSS IE6
  If (Spry.is.ie & & Spry.is.version < 7) {}
  try {}
  document.execCommand ("BackgroundImageCache", false, true);
  } catch (err) {}
  }

  this.upKeyCode = Spry.Widget.MenuBar.KEY_UP;
  this.downKeyCode = Spry.Widget.MenuBar.KEY_DOWN;
  this.leftKeyCode = Spry.Widget.MenuBar.KEY_LEFT;
  this.rightKeyCode = Spry.Widget.MenuBar.KEY_RIGHT;
  this.escKeyCode = Spry.Widget.MenuBar.KEY_ESC;

  this.hoverClass = "MenuBarItemHover";
  this.subHoverClass = "MenuBarItemSubmenuHover";
  this.subVisibleClass = "MenuBarSubmenuVisible";
  this.hasSubClass = "MenuBarItemSubmenu;
  this.activeClass = "MenuBarActive";
  this.isieClass = "MenuBarItemIE";
  this.verticalClass = "MenuBarVertical."
  this.horizontalClass = "MenuBarHorizontal;
  this.enableKeyboardNavigation = true;

  this.hasFocus = false;
  load the overview images now
  If (OPTS)
  {
  for (var k opts)
  {
  If (typeof this [k] is "undefined")
  {
  rollover var = new Image;
  rollover. SRC = opts [k];
  }
  }
  Spry.Widget.MenuBar.setOptions (, opts);
  }

  Safari does not support the tabindex
  If (Spry.is.safari)
  this.enableKeyboardNavigation = false;

  If (this.) Element)
  {
  this.currMenu = this.element;
  var items = this.element.getElementsByTagName('li');
  for (var i = 0; i < items.length; i ++)
  {
  If (I > 0 & & this.enableKeyboardNavigation)
  .tabIndex items [i]. GetElementsByTagName ('a') [0] = '-1';

  (Items [i], element); This.Initialize
  If (Spry.is.IE)
  {
  this.addClassName (items [i], this.isieClass);
  Items [i].style.position = "static";
  }
  }
  If (this.enableKeyboardNavigation)
  {
  var self = this;
  this.addEventListener (document, 'keydown', function (e) {self.keyDown (e)}; false);
  }

  If (Spry.is.IE)
  {
  If (this.hasClassName (this.element, this.verticalClass))
  {
  This.Element.style.position = "relative";
  }
  var linkitems = this.element.getElementsByTagName ('a');
  for (var i = 0; i < linkitems.length; i ++)
  {
  . style.position linkitems [i] = 'relative ';
  }
  }
  }
  };
  Spry.Widget.MenuBar.KEY_ESC = 27;
  Spry.Widget.MenuBar.KEY_UP = 38;
  Spry.Widget.MenuBar.KEY_DOWN = 40;
  Spry.Widget.MenuBar.KEY_LEFT = 37;
  Spry.Widget.MenuBar.KEY_RIGHT = 39;

  Spry.Widget.MenuBar.prototype.getElement = function (ele)
  {
  If (ele & & typeof ele == 'string')
  return document.getElementById (ele);
  return ele;
  };

  Spry.Widget.MenuBar.prototype.hasClassName = function (ele, className)
  {
  If (! ele |! className |! ele.className | ele.className.search (new RegExp ("\\b" + className + "\\b")) == - 1).
  {
  Returns false;
  }
  Returns true;
  };

  Spry.Widget.MenuBar.prototype.addClassName = function (ele, className)
  {
  If (! ele |! className | this.hasClassName (ele, className))
  return;
  ele.className += (ele.className? "": "") + ClassName; "
  };

  Spry.Widget.MenuBar.prototype.removeClassName = function (ele, className)
  {
  If (! ele |! className |! this.hasClassName (ele, className))
  return;
  ele.className = ele.className.replace (new RegExp ("\\s*\\b" + className + "\\b", "g"), ' ');
  };

  addEventListener for the Menu bar
  join an event a tag without creating annoying HTML code
  Spry.Widget.MenuBar.prototype.addEventListener = function (element, eventType, Manager, capture)
  {
  Try
  {
  If (element.addEventListener)
  {
  element.addEventListener (eventType, Manager, capture);
  }
  Else if (element.attachEvent)
  {
  element.attachEvent ("on" + eventType, handler);
  }
  }
  catch (e) {}
  };

  menu bar createIframeLayer
  creates an IFRAME under a menu that appears above the form controls and ActiveX
  Spry.Widget.MenuBar.prototype.createIframeLayer = function (menu)
  {
  var layer = document.createElement ('iframe');
  layer.tabIndex = '-1';
  Layer.src = "' javascript: '" '; "
  layer.frameBorder = '0';
  Layer.scrolling = 'no ';
  menu.parentNode.appendChild (layer);
  
  Layer.style.Left = menu.offsetLeft + 'px ';
  Layer.style.Top = menu.offsetTop + 'px ';
  Layer.style.Width = menu.offsetWidth + 'px ';
  Layer.style.Height = menu.offsetHeight + 'px ';
  };

  menu bar removeIframeLayer
  Removes an IFRAME under a menu to reveal form and ActiveX controls
  Spry.Widget.MenuBar.prototype.removeIframeLayer = function (menu)
  {
  var layers = ((menu == this.element)? menu: menu.parentNode) .getElementsByTagName ('iframe');
  While (layers.length > 0)
  {
  layers [0].parentNode.removeChild (Layers [0]);
  }
  };

  menu bar clearMenus
  root is the unordered list of high level (< ul > tag)
  Spry.Widget.MenuBar.prototype.clearMenus = function (root)
  {
  var menus = root.getElementsByTagName ('ul');
  for (var i = 0; i < menus.length; i ++)
  this.hideSubmenu (menus [i]);

  this.removeClassName (this.element, this.activeClass);
  };

  menu bar bubbledTextEvent
  identify bubbled events text in Safari, so we can ignore
  Spry.Widget.MenuBar.prototype.bubbledTextEvent = function()
  {
  return Spry.is.safari & & (event.target == event.relatedTarget.parentNode |) (event.eventPhase == 3 & & event.target.parentNode == event.relatedTarget)) ;
  };

  menu bar showSubmenu
  set the CSS class on this menu to show
  Spry.Widget.MenuBar.prototype.showSubmenu = function (menu)
  {
  If (this.currMenu)
  {
  this.clearMenus (this.currMenu);
  this.currMenu = null;
  }
  
  If (menu)
  {
  this.addClassName (menu, this.subVisibleClass);
  If (typeof document.all! = "undefined" & &!) Spry.is.Opera & & navigator.vendor! = 'KDE')
  {
  If (! this.hasClassName (this.element, this.horizontalClass): menu.parentNode.parentNode! = this.element)
  {
  menu.style.Top = menu.parentNode.offsetTop + 'px ';
  }
  }
  If (Spry.is.ie & & Spry.is.version < 7)
  {
  this.createIframeLayer (menu);
  }
  }
  this.addClassName (this.element, this.activeClass);
  };

  menu bar hideSubmenu
  delete the CSS class on this menu to hide
  Spry.Widget.MenuBar.prototype.hideSubmenu = function (menu)
  {
  If (menu)
  {
  this.removeClassName (menu, this.subVisibleClass);
  If (typeof document.all! = "undefined" & &!) Spry.is.Opera & & navigator.vendor! = 'KDE')
  {
  menu.style.Top = ";
  menu.style.Left = ";
  }
  If (Spry.is.ie & & Spry.is.version < 7)
  this.removeIframeLayer (menu);
  }
  };

  initialization of the Menu bar
  create listeners for events for the widget bar of menus so that we can properly
  show and hide sub-menus
  Spry.Widget.MenuBar.prototype.initialize = function (listitem, element)
  {
  var opentime, closetime;
  link var = listitem.getElementsByTagName ('a') [0];
  submenus var = listitem.getElementsByTagName ('ul');
  var menu = (submenus.length > 0? submenus [0]: null);

  If (menu)
  this.addClassName (link, this.hasSubClass);

  If (!.) Spry.is.IE)
  {
  define a simple function which comes standard in Internet Explorer to determine
  If a node is in another node
  ListItem.Contains = function (testNode)
  {
  It's the list item
  if(testNode == null)
  Returns false;

  if(testNode == This)
  Returns true;
  on the other
  Return this.contains (testNode.parentNode);
  };
  }

  need to set this to reach lower
  var self = this;
  this.addEventListener (listitem, "mouseover", Function {self.mouseOver (listitem, e)}; false);
  this.addEventListener (listitem, 'mouseout/mouseouthandler()', Function {if (self.enableKeyboardNavigation) self.clearSelection (); self.mouseOut (listitem, e);}, false);

  If (this.enableKeyboardNavigation)
  {
  this.addEventListener (link, 'blur', function (e) {self.onBlur (listitem)}; false);
  this.addEventListener (link, 'focus', Function {self.keyFocus (listitem, e)}; false);
  }
  };
  Spry.Widget.MenuBar.prototype.keyFocus = function (listitem, e As EventArgs)
  {
  this.lastOpen = listitem.getElementsByTagName ('a') [0];
  this.addClassName (this.lastOpen, listitem.getElementsByTagName('ul').length > 0? this.subHoverClass: this.hoverClass);
  this.hasFocus = true;
  };
  Spry.Widget.MenuBar.prototype.onBlur = function (listitem)
  {
  this.clearSelection (listitem);
  };
  Spry.Widget.MenuBar.prototype.clearSelection = {function (el)}
  search any intersection with the open current item
  If (! this.lastOpen)
  return;

  If (el)
  {
  El = el.getElementsByTagName ('a') [0];
  
  check children
  var point = this.lastOpen;
  While (article! = this.element)
  {
  var tmp = el;
  While (tmp! = this.element)
  {
  If (tmp is point)
  return;
  try {}
  tmp = tmp.parentNode;
  } catch (err) {break ;}
  }
  Item = item.parentNode;
  }
  }
  var point = this.lastOpen;
  While (article! = this.element)
  {
  this.hideSubmenu (item.parentNode);
  link var = item.getElementsByTagName ('a') [0];
  this.removeClassName (link, this.hoverClass);
  this.removeClassName (link, this.subHoverClass);
  Item = item.parentNode;
  }
  this.lastOpen = false;
  };
  Spry.Widget.MenuBar.prototype.keyDown = function (e)
  {
  If (! this.hasFocus)
  return;

  If (! this.lastOpen)
  {
  this.hasFocus = false;
  return;
  }

  var e = e | event;
  ListItem var = this.lastOpen.parentNode;
  var this.lastOpen = link;
  submenus var = listitem.getElementsByTagName ('ul');
  var menu = (submenus.length > 0? submenus [0]: null);
  var hasSubMenu (menu) =? true: false;

  opts var = [listitem, menu, null, this.getSibling (listitem, 'previousSibling'), this.getSibling (listitem, 'nextSibling')];
  
  If (! opts [3])
  opts [2] = (listitem.parentNode.parentNode.nodeName.toLowerCase () == 'li')? listitem.parentNode.parentNode:null;

  var found = 0;
  switch (e.keyCode) {}
  case this.upKeyCode:
  found = this.getElementForKey (opt, 'y', 1);
  break;
  case this.downKeyCode:
  found = this.getElementForKey (opt, 'y',-1);
  break;
  case this.leftKeyCode:
  found = this.getElementForKey (opt, 'x', 1);
  break;
  case this.rightKeyCode:
  found = this.getElementForKey (opt, 'x',-1);
  break;
  case this.escKeyCode:
  case 9:
  this.clearSelection ();
  this.hasFocus = false;
  default: return;
  }
  switch (found)
  {
  case 0: return End Function
  case 1:
  subopts
  this.mouseOver (listitem, e);
  break;
  case 2:
  parent
  this.mouseOut (opts [2], e);
  break;
  case 3:
  case 4:
  left - right
  this.removeClassName (link, hasSubMenu? this.subHoverClass: this.hoverClass);
  break;
  }
  var link is opts [found] .getElementsByTagName ('a') [0];.
  If (opts [found].nodeName.toLowerCase () is "ul")
  opts [found] = opts [found] .getElementsByTagName ('li') [0];

  this.addClassName (link, opts [found].getElementsByTagName('ul').length > 0? this.subHoverClass: this.hoverClass);
  this.lastOpen = link;
  OPTS [found]. GetElementsByTagName ('a') [0]. Focus();
  
  stop the new management of the events by the browser
  Return Spry.Widget.MenuBar.stopPropagation (e);
  };
  Spry.Widget.MenuBar.prototype.mouseOver = function (listitem, e As EventArgs)
  {
  link var = listitem.getElementsByTagName ('a') [0];
  submenus var = listitem.getElementsByTagName ('ul');
  var menu = (submenus.length > 0? submenus [0]: null);
  var hasSubMenu (menu) =? true: false;
  If (this.enableKeyboardNavigation)
  this.clearSelection (listitem);

  If (this.bubbledTextEvent ())
  {
  ignore the propagated events text
  return;
  }

  If (listitem.closetime)
  clearTimeout() (listitem.closetime);

  if(this.currMenu == ListItem)
  {
  this.currMenu = null;
  }

  move the focus too
  If (this.hasFocus)
  Link.Focus ();

  the menu highlighted
  this.addClassName (link, hasSubMenu? this.subHoverClass: this.hoverClass);
  this.lastOpen = link;
  If (menu & &! this.hasClassName (menu, this.subHoverClass))
  {
  var self = this;
  ListItem.OpenTime = window.setTimeout (function () {self.showSubmenu (menu)}; this.showDelay);
  }
  };
  Spry.Widget.MenuBar.prototype.mouseOut = function (listitem, e As EventArgs)
  {
  link var = listitem.getElementsByTagName ('a') [0];
  submenus var = listitem.getElementsByTagName ('ul');
  var menu = (submenus.length > 0? submenus [0]: null);
  var hasSubMenu (menu) =? true: false;
  If (this.bubbledTextEvent ())
  {
  ignore the propagated events text
  return;
  }

  var related = (typeof e.relatedTarget! = "undefined"? e.relatedTarget: e.toElement);
  If (!) ListItem.Contains (related))
  {
  If (listitem.opentime)
  clearTimeout() (listitem.opentime);
  this.currMenu = listitem;

  remove menu highlighting
  this.removeClassName (link, hasSubMenu? this.subHoverClass: this.hoverClass);
  If (menu)
  {
  var self = this;
  ListItem.closetime = window.setTimeout (function () {self.hideSubmenu (menu)}; this.hideDelay);
  }
  If (this.hasFocus)
  Link.Blur ();
  }
  };
  Spry.Widget.MenuBar.prototype.getSibling = function (element, siblings)
  {
  var = element [brother] child;
  While (child & & child.nodeName.toLowerCase ()! = "li")
  child = child [brother];

  return of child;
  };
  Spry.Widget.MenuBar.prototype.getElementForKey = function (SLE, prop, dir)
  {
  var found = 0;
  var Rect = Spry.Widget.MenuBar.getPosition;
  Var ref = rect (els [found]);

  var hideSubmenu = false;
  make the visible subitem to calculate the position
  If (els [1] & &! this.hasClassName (els [1], this.)) MenuBarSubmenuVisible))
  {
  . style.visibility Els [1] = "hidden";
  this.showSubmenu(els[1]);
  hideSubmenu = true;
  }

  var isVert = this.hasClassName (this.element, this.verticalClass);
  hasParent var = els [0].parentNode.parentNode.nodeName.toLowerCase () == 'li '? true: false;
  
  for (var i = 1; i < els.length; i ++) {}
  When you browse the y-axis in the menus vertical, ignore the children and parents
  If (prop == 'y' & & isVert & & (i == 1 | I == 2))
  {
  continue;
  }
  When navigationg on the x axis in the horizontal menu LEVEL FIRST, ignore the children and parents
  If (prop == 'x' & &! isVert & &! hasParent & & (i == 1 | I == 2))
  {
  continue;
  }
  
  If (els [i])
  {
  var tmp = rect (els [i]);
  If ((dir * tmp[prop]) < (dir * ref [prop]))
  {
  REF = tmp;
  found = i;
  }
  }
  }
  
  In return hide the submenu
  If (els [1] & & hideSubmenu) {}
  this.hideSubmenu(els[1]);
  . style.visibility Els [1] = ";
  }

  return found;
  };
  Spry.Widget.MenuBar.camelize = function (str)
  {
  If (str.indexOf('-') ==-1) {}
  return str;
  }
  var oStringList = str.split('-');
  var isFirstEntry = true;
  var camelizedString = ";

  for (var i = 0; i < oStringList.length; i ++)
  {
  If (oStringList [i] .length > 0)
  {
  If (isFirstEntry)
  {
  camelizedString = oStringList [i];
  isFirstEntry = false;
  }
  on the other
  {
  var s = oStringList [i];
  camelizedString += s.charAt (0) .toUpperCase () + s.substring (1);
  }
  }
  }

  Return camelizedString;
  };

  Spry.Widget.MenuBar.getStyleProp = function (element, prop)
  {
  var value;
  Try
  {
  If (element.style)
  value = element.style [Spry.Widget.MenuBar.camelize (prop)];

  If (! value)
  If (document.defaultView & & document.defaultView.getComputedStyle)
  {
  CSS var = document.defaultView.getComputedStyle (item, null);
  value = css? css.getPropertyValue (prop): null;
  }
  Else if (element.currentStyle)
  {
  value = element.currentStyle [Spry.Widget.MenuBar.camelize (prop)];
  }
  }
  catch (e) {}

  return value == 'auto '? NULL: value;
  };
  Spry.Widget.MenuBar.getIntProp = function (element, prop)
  {
  var a = parseInt (Spry.Widget.MenuBar.getStyleProp (item, prop), 10);
  If (isNaN (a))
  return 0;
  return a;
  };

  Spry.Widget.MenuBar.getPosition = function (el, doc)
  {
  doc = doc. document;
  If (typeof (el) == 'string') {}
  El = doc.getElementById (el);
  }

  If (! el) {}
  Returns false;
  }

  If (el.parentNode = null |) Spry.Widget.MenuBar.getStyleProp (el, 'display') == 'none') {}
  the element must be visible to have a box
  Returns false;
  }

  var ret = {x: 0, y: 0};
  var parent = null;
  var box;

  If (el.getBoundingClientRect) {/ / IE}
  box = el.getBoundingClientRect ();
  scrollTop var = doc.documentElement.scrollTop | doc.body.scrollTop;
  scrollLeft var = doc.documentElement.scrollLeft | doc.body.scrollLeft;
  RET.x = box.left + scrollLeft;
  RET.y = box.top + scrollTop;
  } Else if (doc.getBoxObjectFor) {/ / gecko}
  box = doc.getBoxObjectFor (el);
  RET.x = box.x;
  RET.y = box.y;
  } else {/ / safari/opera}
  RET.x = el.offsetLeft;
  RET.y = el.offsetTop;
  parent = el.offsetParent;
  If (parent! = el) {}
  While (parent) {}
  RET.x += parent.offsetLeft;
  RET.y += parent.offsetTop;
  parent = parent.offsetParent;
  }
  }
  Opera & (absolute safari) represent bad body offsetTop
  If (Spry.is.opera |) Spry.is.Safari & & Spry.Widget.MenuBar.getStyleProp (el, 'position') == 'absolute')
  RET.y = doc.body.offsetTop;
  }
  If (el.parentNode)
  parent = el.parentNode;
  on the other
  parent = null;
  If {(parent.nodeName)
  var No. case = parent.nodeName.toUpperCase ();
  While (parent & & case! = "BODY" & & case! = 'HTML') {}
  No case = parent.nodeName.toUpperCase ();
  RET.x = parent.scrollLeft;
  RET.y = parent.scrollTop;
  If (parent.parentNode)
  parent = parent.parentNode;
  on the other
  parent = null;
  }
  }
  return ret;
  };

  Spry.Widget.MenuBar.stopPropagation = function (ev)
  {
  If (ev.stopPropagation)
  ev.stopPropagation ();
  on the other
  ev.cancelBubble = true;
  If (ev.preventDefault)
  ev.preventDefault ();
  on the other
  ev.returnValue = false;
  };

  Spry.Widget.MenuBar.setOptions = function (obj, optionsObj, ignoreUndefinedProps)
  {
  If (! optionsObj)
  return;
  for (var optionName in optionsObj)
  {
  If (ignoreUndefinedProps & & optionsObj [Optionname] == undefined)
  continue;
  obj [Optionname] = optionsObj [Optionname];
  }
  };

  It may be an idea to enable active scripting in your browser on

• Spry Menu Horizontal stacking

  I'm faced with some menus spry horizontal.  I want to the top-level horizontal menu, but the menu subordinate elements to go down and stack vertically.

  In IE8, elements subordinate in a single horizontal line items long.

  In Firefox stack subelements as I wish, but the background behind the text for subitems is color only behind the letters, so with less characters in the name are transparent after the last character.  Example: If the longest element is 15 characters, other subelements in the same level with a shorter text, say 5, the white space characters in positions 6-15 are transparent.

  If someone has the time to take a look, it would be very useful.

  http://hampsteadcomputer.com

  'Coverage options' and 'View rates' should have vertical drop-down lists.

  SPRY CSS MENU BAR

  ------------------------------------

  @charset "UTF-8";

  / * Sections - version 0.6 - Pre - Release Spry 1.6.1 * /.

  / * Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

  /*******************************************************************************

  The AVAILABLE INFORMATION: Describes the box model, positioning, the order

  *******************************************************************************/

  / * The outermost container for the menu bar, an area of width auto without margin or padding * /.
  UL. MenuBarHorizontal
  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font size: small;
  cursor: default;
  Width: 780px;
  }
  / The menu bar value active with this class, currently the definition of z-index to accommodate IE rendering bugs: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html * /.
  UL. MenuBarActive
  {
  z-index: 1000;
  }
  / * Menu item containers, position of children relative to this container and are a fixed width * /.
  UL. MenuBarHorizontal li
  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  do-size: x-small;
  position: relative;
  text-align: left;
  cursor: pointer;
  float: left;
  }
  / * Submenus should appear under their parent (top: 0) with a higher z-index, but they are first the left side of the screen (-1000em) * /.
  UL. MenuBarHorizontal ul
  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  do-size: x-small;
  z index: 1020;
  cursor: default;
  position: absolute;
  left:-1000em;
  }
  / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we put the car left so it happens on the screen below its parent menu item * /.
  UL. MenuBarHorizontal ul. MenuBarSubmenuVisible
  {
  left: auto;
  }
  / * Container of menu items are same fixed width parent * /.
  UL. MenuBarHorizontal ul li
  {

  }
  / * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) * /.
  UL. MenuBarHorizontal ul ul
  {
  position: absolute;
  margin:-5% 0 0 95%;
  }
  / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we have left to 0, it is on the screen * /.
  UL. MenuBarHorizontal ul. MenuBarSubmenuVisible ul. MenuBarSubmenuVisible
  {
  left: auto;
  top: 0;
  }

  /*******************************************************************************

  INFORMATION DESIGN: Describes the set of colors, borders, fonts

  *******************************************************************************/

  / * Submenu containers have borders on all sides * /.
  UL. MenuBarHorizontal ul
  {
  border: 1px solid #CCC;
  }
  / * Menu items are a clear blue block with padding and no text decoration * /.
  UL. MenuBarHorizontal a
  {
  display: block;
  cursor: pointer;
  color: #FFF;
  text-decoration: none;
  background: 3597 # 8;
  Width: auto;
  padding-top: 0.5em;
  padding-right: 0.75em;
  padding-bottom: 0.5em;
  padding-left: 0.75em;
  }
  / Components menu that have mouse over or focus have a blue background and white text * /.
  UL. MenuBarHorizontal a: hover, ul. MenuBarHorizontal a: focus
  {
  color: #FFF;
  background: #E86322;
  }
  / * Menu items that are opened with the submenus are on MenuBarItemHover with a blue background and white text * /.
  UL. MenuBarHorizontal a.MenuBarItemHover, ul. MenuBarHorizontal a.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.MenuBarSubmenuVisible
  {
  color: #FFF;
  background: #E86322;
  }

  /*******************************************************************************

  Submenu INDICATION: styles if there is a submenu in a given category

  *******************************************************************************/

  / * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.
  UL. MenuBarHorizontal a.MenuBarItemSubmenu
  {
  background-image: url (SpryMenuBarDown.gif);
  background-repeat: no-repeat;
  background-position: 50 95%;
  background-color: # 3597-8;

  }
  / * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.
  UL. MenuBarHorizontal ul a.MenuBarItemSubmenu
  {
  background-image: url (SpryMenuBarRight.gif);
  background-repeat: no-repeat;
  background-position: 50 95%;

  
  / * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" 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: 50 95%;

  / * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" 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: 50 95%;
  }

  /*******************************************************************************

  BROWSER HACKS: hacks below should not be changed, unless you are an expert

  *******************************************************************************/

  / * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.
  UL. MenuBarHorizontal iframe
  {
  position: absolute;
  z index: 1010;
  Filter:alpha(opacity:0.1);
  }
  / * HACK FOR IE: to stabilize the appearance of the menu items. the slash in the float is to keep IE 5.0 analysis * /.
  @media screen, projection
  {
  UL. MenuBarHorizontal li. MenuBarItemIE
  {
  display: inline;
  f\loat: left;
  Background: #FFF;
  }
  }
  ;  background-color: # 3597-8;

  EXTERNAL STYLE SHEET

  ---------------------------------------

  @charset "utf-8";
  / * CSS document * /.

  {.tinytext}
  do-size: x-small;
  Color: #000;
  }

  {h}
  Width: 90%;
  text-align: left; / * This will align it to the IE.
  margin: 0 auto; / * This will align it left for the Mozilla /.
  padding: 0px;
  }
  #sidebar1 of the .twoColLiqLtHdr #container {p}
  font size: small;
  background: 3597 # 8;
  color: #FFF;
  }

  .twoColLiqLtHdr #container #sidebar1 ul li {}
  font-size: small;
  Color: #000;
  }

  .twoColLiqLtHdr #container #sidebar1 ul {}
  color: #C63;
  }

  Thank you!

  Try to change this:

  / * Container of menu items are same fixed width parent * /.
  UL. MenuBarHorizontal ul li
  {

  }

  to do this:

  / * Container of menu items are same fixed width parent * /.
  UL. MenuBarHorizontal ul li
  {clear: left;}
  Width: 12em;
  }

  Nancy O.
  ALT-Web Design & Publishing
  Web | Graphics | Print | Media specialists
  http://ALT-Web.com/
  http://Twitter.com/ALTWEB

• I have problems creating a bar of menus with submenus: can anyone help?

  I want to insert a menu bar. I do this in the properties panel, which appears at the bottom of the screen? Should I click on CSS and then rule target, then Menu bar horizontally?

  I want to have two menu buttons, with each having two or more submenus. I was able to get the buttons in the menu on the Home Page; However, I can't drop-down menu option works. Can anyone help? Is there a tutorial that covers the creation of menu with submenus bars?

  Thank you very much, Mr. Monroe

  This has to do with the accessibility of the web.  What happens if JavaScript it not active in the browser and the submenus do not open?  That will make your site visitors?  They must have links in the top level menus, too, otherwise they will be blocked on page 1 with no way out.

  Stick with menus of senior level for now.  Revisit the menus drop later - once you have gained experience more with CS4.  First projects are best when you keep it simple.

  Nancy O.
  ALT-Web Design & Publishing
  Web | Graphics | Print | Media specialists
  www.Alt-Web.com/
  www.Twitter.com/ALTWEB
  www.Alt-Web.blogspot.com