Spry Vertical Menu Bar Styling Issues

Hello all,
I'm having CSS issues with a spry vertical menu bar. The Menu
is fairly basic but, it has some odd sizing requirements specified
by it's designer. The designer would like the sub menu items to all
have different widths that correspond to the actual content within
them. Here is sample.
http://staging.rm306.com/cycle/
The menu seen at the page above was not build with Spry. It
was build with another tool and has considerable problems with
consistent browser display.
Can anyone give me a short list of styles and where they
should be applied that might help me achieve this reletively simple
effect?
I've tried to use Spy menu bars in my projects in the past
but, there was always some sticking point. I'd like this time to be
the winner if possible.
Thanks for your time and patience in advance,
Kevin

The sample page I posted came after searching for an easy
"how to do it". The closest I found to a tutorial was this:
http://www.adobe.com/devnet/dreamweaver/articles/spryte_menu.html
The author designs and implements a spry menu with Fire Works
graphics. The last section describes how to modify the existing CSS
for multiple levels. Yet I found the sample page easier to follow.
I hope this helps though.

Similar Messages

  • Spry vertical menu bar positioning issue in IE

    I have been trying to fix a problem with my spry menu bar and have been looking for answers at several spry forums. I have modified my vertical spry menu to open submenus above and to the right of the main menu. It works in Opera, Firefox and Safari and opens below in IE. I tried changing the positioning from absolute to relative and that made it position itself below in all browsers. So, by deductive reasoning there seems to be something going on with IE when it reads the absolute positioning, is there a fix for this? You can see my website at raydlett.com the menubar is called STUDIO.
    Here is my vertical menubar CSS:
    @charset "UTF-8";
    /* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
    ul.MenuBarVertical
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        cursor: default;
        width: 6.75em;
    /* 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 same fixed width as parent */
    ul.MenuBarVertical li
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        position: relative;
        text-align: left;
        cursor: pointer;
        width: 6.75em;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarVertical ul
        margin: 0 0 0 95%;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        position: absolute;
        z-index: 1020;
        cursor: default;
        width: 9.2em;
        left: -1000em;
        bottom:-1%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarVertical ul.MenuBarSubmenuVisible
        left: 0;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarVertical ul li
        width: 9.2em;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Outermost menu container has borders on all sides */
    ul.MenuBarVertical
        border: 0px solid #fff;
    /* Submenu containers have borders on all sides */
    ul.MenuBarVertical ul
        border: 0px solid #fff;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarVertical a
        display: block;
        cursor: pointer;
        background-color: #fff;
        padding: 0.5em 0.75em;
        color: #666;
        text-decoration: none;
    /* Menu items that have mouse over or focus have a white background and orange text */
    ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
        background-color: #fff;
        color: #FF4C00;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a white background and orange text */
    ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
        background-color: #fff;
        color: #FF4C00;
    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.MenuBarVertical 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.MenuBarVertical li.MenuBarItemIE
            display: inline;
            f\loat: left;
            background: #FFF;
    Here are the associated global.css components:
    body  {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 76%;
        padding: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
        margin: 0;
        background: #fff;
        color: #666;
        text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
        line-height: 1em;
    #container {
        width: 880px;
        text-align: left;/* this overrides the text-align: center on the body element. */
        margin-right: auto;/* the auto margins (in conjunction with a width) center the page */
        margin-left: auto;
        margin-top: 0;
        margin-bottom: 0;
        position: relative;
        font-family: Verdana, Geneva, sans-serif;
    #header {
        font-size: 1em;
        padding-left: 17px;
        height: 26px;
        position: relative;
    ul {
        padding:0;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 10px; /* used for both menubar 1 and 2 */
        margin-left: 20px;/* used for both menubar 1 and 2 */
    li {
        margin:0;
        padding:0 0 0 5px;/* used for both menubar 1 and 2 */
    I have also attached the index.html file that uses the modified "STUDIO" Spry MenuBar2
    Any help on this would be greatly appreciated. Thanks in advance.
    ribit10

    That makes sense, tooltips are tooltips, and appear at the tip of the mouse...But those "submenu triggers" can be simply styled links (as they are in a spry menu)...don't need to be swaps or images or image maps.
    What about a using show/hide behavior? Click the STUDIO and the menu pops up adjacent in an apDiv. Click a link. Or click the x to close the apDiv.
    You know this is just an exercise to run through all the Javascript and Spry that is in Dreamweaver, eh?
    By the way, just providing a link to your page is quite all you need to do. You don't need to attach your files or show pictures of them...by providing a link, I can save a web page in its entirety and open it in Dreamweaver.
    Beth

  • Spry vertical menu bar size issue

    hello world,
    i've got a beautiful layout with a lefthand menu section that i would love to behave with pop-out menus.
    the entire design was crafted lovingly in fireworks and then exported as html with images, then opened in dreamweaver - looks great!
    remove the image that was in the slice where the menu will go, check.
    place cursor and select insert>spry>menu bar, select orientation, check.
    remove extraneous menu items in the properties inspector, check.
    and then, the problem...the box where "Item 1" (which will become my first button) is too big and shifts the entire table out of shape.
    i've edited the box sizes in the following CSS items:
    ul.MenuBarVertical
    ul.MenuBarVertical li
    ul.MenuBarVertical a
    sometimes i can get it close to it being in-shape with no shifting if i make the menu box smaller than the image that will go in it, looks great in DW but it is then shifted down by a considerable amount when previewing in browers. any pointers will be greatly appreciated.

    hi hans
    i can't upload at the moment, don't have the password to the site at the moment.
    for now the best i can do is post the CSS, and let you know that the size of the image i'd like to place in the parent spry menu is 168w x 32h (in px)
    i hope this isn't too much text....here goes:
    /* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
    ul.MenuBarVertical
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        cursor: default;
        width: 150px;
        height: 25px;
    /* 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 same fixed width as parent */ 
    ul.MenuBarVertical li 
        margin: 0; 
        padding: 0; 
        list-style-type: none; 
        font-size: 100%; 
        position: relative; 
        text-align: left; 
        cursor: pointer; 
        width: 150px; 
        height: 25px; 
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ 
    ul.MenuBarVertical ul 
        margin: -5% 0 0 95%; 
        padding: 0; 
        list-style-type: none; 
        font-size: 100%; 
        position: absolute; 
        z-index: 1020; 
        cursor: default; 
        width: 8.2em; 
        left: -1000em; 
        top: 0; 
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ 
    ul.MenuBarVertical ul.MenuBarSubmenuVisible 
        left: 0; 
    /* Menu item containers are same fixed width as parent */ 
    ul.MenuBarVertical ul li 
        width: 8.2em; 
    DESIGN INFORMATION: describes color scheme, borders, fonts 
    /* Outermost menu container has borders on all sides */
    ul.MenuBarVertical
        border: 1px solid #CCC;
    /* Submenu containers have borders on all sides */
    ul.MenuBarVertical ul
        border: 1px solid #CCC;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarVertical a
        display: block;
        cursor: pointer;
        background-color: #EEE;
        color: #333;
        text-decoration: none;
        height: 25px;
        width: 150px;
        padding-top: 0.5em;
        padding-right: 0.75em;
        padding-bottom: 0.5em;
        padding-left: 0.75em;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarVertical a:hover, ul.MenuBarVertical 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.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
        background-color: #33C;
        color: #FFF;
    ul.MenuBarVertical 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.MenuBarVertical a.MenuBarItemSubmenuHover
        background-image: url(SpryMenuBarRightHover.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;

  • Question on spry vertical menu bar backgrounds

    I have a spry vertical menu bar.  The menu branches off to 3 or 4 levels in some cases.  When you mouse over the menu structure the menu path that you have selected turns a different color.  I acheived this by giving
    ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
    a different text color and also a different background color using CSS.  The thing I want to acheive now is to somehow make listings within my menu structure that are clickable links a slightly different color.  This is to signal that a menu selection that is currently being hovered over is indeed clickable (and linked to another page).  For example, most of my clickable menu listings are at the end of a menu branches.  That is to say the menu listing at the 1st and 2nd level are not clickable (linked to another page) but the listing that falls at the end of the menu branch is clickable.
    How can I make the menu listings that link to other pages a different color then the other menu listings that do not link anywhere but are instead just the preceding struture to get you to the end of the menu structure?
    Currently menu listings which merely branches off and do not link to a clickable page have a reference of "#" as shown below.
    <li><a href="#">Menu_1</a>
    This "#" was put there by Dreamweaver so I just followed the pattern.  Clickable menu listings reference another HTML page as you would expect.

    Nancy,
    Thanks for the reply (it helped me know how to approach it).  It looks like editing
    ul.MenuBarVertical a.MenuBarItemSubmenuHover
    will give me the behavior I was looking for.  I don't know if that is what I want to do now that I look at it though.  Using different colored backgrounds when hovering over links seems to contrast too much (even though some are clickable and others are not).  Perhaps I didn't have the right color choice.
    Instead I thought about emphasizing links that are clickable (with some type of visual variation) as opposed to making the hovering background color path to those clickable links different.  I experimented with placing a 1 inch border around links in the menu that can be clicked but I am not sure if I like it or not.
    I am using a background color of #7D120C for the hover.  Any suggestions are welcome and appreciated.
    http://www.indiana.edu/~iutreas/index.html
    Thanks,
    JTB

  • Spry Vertical Menu Bar: Drop left? Arrows?

    2 Questions:
    1. I am trying to figure out how to make a spry vertical menu drop to the left instead of the right? Any ideas?
    2. It appears that my arrows are the same color as my background, therefor they are not showing up until the hover color changes. Can I change the colors of the arrows.
    Thanks for the help!

    Hi,
    to have the subitems displayed to the left, go to this rule
    ul.MenuBarVertical ul {} from SpryMenuBarVertical.css file and
    change this line: margin: -5% 0 0 95%; TO margin: 0% 0 0 -95%;
    Diana

  • Spry Vertical Menu Bar OK in Safari?

    I'm revising the menu and using Spry in order to make the
    menu friendlier to all generations of Safari. Has anyone had issues
    with the Spry menu bar in Safari?
    Thanks for any help.

    I am told by Safari users (no mention of which Safari
    release) that the site as it stands (using Xara rather than Spry)
    does not allow hover to work correctly. The submenus appear until
    the Safari user hovers over them, at which point they disappear. My
    mockup page menu seems to work fine with Safari for Windows Beta,
    but I just want to make sure that Mac users can get into the page.
    Thanks.

  • Spry Vertical Menu Bar not working in IE8

    I've upgraded to 1.6.1, but it still doesn't work in IE8 unless in compatibility mode.  http://jimgreenrealty.com/Test.html
    Works fine in other browsers and other Spry elements appear to work normally in IE8.  Can anyone help?
    Thanks,
    Steve B.

    If you deselect compatibility mode on IE8 the menu bar disappears (on
    all our computers anyway).  Works fine in all other versions of IE and
    all other browsers.  Updated to Spry 1.6.1 and still no avail.
    Here it is w/o the emulating statement: http://jimgreenrealty.com/Test.html
    The other pages on the site still have it.
    Thanks for looking at it.
    */ <mailto:[email protected]>
    <mailto:[email protected]>/*
    Message was edited by: RRR Trail
    Not sure how this forum works, I responded by email and it posts my email address.  I don't seem to be able to edit to remove it.  Please remove the email address.  Thanks,

  • IE8 and Spry vertical menu bar

    The spry menu bar has disappeared in IE8, still works fine in Firefox, and did in IE7: http://jimgreenrealty.com/Test.html
    What needs to be done to get it working again?  Thanks,

    Thanks, I have the download, but I'm not sure how to install it.  Can
    you give a hint?  It may be obvious but I don't dabble in Spry very often.
    Thanks,
    /Steve <mailto:[email protected]>B <mailto:[email protected]>/

  • Spry vertical menu button shows background color instead of image in preview

    Hello All, I'm a newbie (to the forum and Dreamweaver) so my apologies if my question is not in good form.  I've searched for this issue but cannot seem to find the exact problem I have. 
    I've created a website (my first) and used the spry menu bar.  It works well using the default blue and grey colors for button and hover.  However, I decided I want to spruce it up a little and change the buttons to use a background image (rainbow pattern) instead of background color.  I internet researched this for some time and watched all the youtube videos people have posted for this process and editing the spry vertical menu bar CSS.  Using the .a and hover lines from the CSS, I was able to add my background .jpg image file.  In the design view, the button look exactly how I want them to.  However, when I attempt to preview in IE, Chrome, or FF, the buttons still have the default colors and no image.  I've gone back and deleted the default blue and grey, but then the preview just shows dark grey and white for the buttoms.  is there something that I am overlooking that would cause the background color to show instead of the image I have attached to the buttons.  I can't figure out why it looks right in DW but not in preview.
    BTW, I'm editing a template file and all the pages are updated with the new image buttons, but none of the pages show correctly in preview. 
    Thanks

    Point taken :-)
    This is my spry vertical css code.  No sub-menus. 
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Outermost menu container has borders on all sides */
    ul.MenuBarVertical
    border: 1px solid #CCC;
    /* Submenu containers have borders on all sides */
    ul.MenuBarVertical ul
    border: 1px solid #CCC;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarVertical a
    display: block;
    cursor: pointer;
    padding: 0.5em 0.75em;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    background-image: url(/Images/Rainbow_Button.jpg);
    background-color: ;
    background-repeat: no-repeat;
    background-position: center;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
    background-color: #666666;
    color: #333333;
    background-image: url(/Images/Rainbow_Button_Hover.jpg);
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
    background-color: #0000FF;
    color: #FFF;

  • SPRY Vertical Menu Problem (IE Hack?)

    I'm having a problem with the Spry vertical menu bar. The one
    I created works fine in Firefox and in Safari, but not in Internet
    Explorer. In IE the sub-menu containers open AT THE TOP of the menu
    bar, and not next to the selected menu item. I'm not sure how to
    fix it. Any help is appreciated.
    You can see the problem here (view in IE and roll over any of
    the menu items in the middle or lower part of the menu bar):
    http://southerncharmgifts.net/thesouthernsportsman/html/ssarchery.html

    I downloaded the Spry update but it didn't fix the problem.
    It changed my menu box to white, when it should have remained
    black. Hopefully I can fix it. But still the same problem with IE.
    This is really bad! Any way to reverse the update?
    quote:
    Originally posted by:
    SnakEyez02
    First your Spry is out of date. Please click on the following
    link below to get the Spry Updater. It will be inside the package
    as an Extension. Then next time you start up DW click on Sites and
    then you will see an option at the bottom to update Spry in your
    site.
    http://labs.adobe.com/technologies/spry/home.html
    Looking at your page it appears to validate except for one
    thing. All images need alt tags assigned to them.
    See if updating the Spry helps.
    Also there is a Spry forum that Adobe does check in case
    there are bugs. The link to the forum is on that page and I will
    also link it below:
    http://www.adobe.com/go/labs_spry_pr1_forum
    With regards to Pitmaster you can check the above links but
    depending on the issue it could be something else. So if you need
    further assistance post a link to your page.

  • Spry widget menu bar as a library item - problems

    I created a spry vertical menu bar and made it a library item.  The original works great, however when I insert the library item into its own div tag on another page, the submenus will not pop out, either in DW or the browser view. The div tag is the correct size and I made the z index high enough. Here is the code of the page that works properly:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "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>DM Consulting Dry Dock Training</title>
    <link href="css styles/drydock2.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    body {
    background-image: url(images/vertborderblue2.jpg);
    background-repeat: repeat-x;
    -->
    </style>
    </head>
    <body>
    <div id="container">
      <div id="header"><img src="images/header_title_white.png" width="645" height="116" alt="header" /></div>
      <div id="logo"><img src="images/drydock_logo_blktxt.png" width="154" height="119" alt="logo" /></div>
      <div id="mainContent">
        <div id="content">
          <p><span class="bolder1">D</span><span class="bolder1">M Consulting </span><span class="lineheight">provides Dry Dock Training, Dry Dock Conferences,<br />
            Dry Dock Software and Dry Dock Consulting      for:</span></p>
          <ul>
            <li class="lineheight"> Dock Masters</li>
            <li class="lineheight">Docking Officers</li>
            <li class="lineheight">Dry Dock Crews</li>
            <li class="lineheight">Engineers</li>
            <li class="lineheight">Naval Architects </li>
            <li class="lineheight"> Port Engineers</li>
            <li class="lineheight">Program/Project Managers</li>
            <li class="lineheight">Marine Surveyors</li>
            <li class="lineheight">Owners' Representatives</li>
            <li class="lineheight">On-site Representatives</li>
            <li class="lineheight">Consultants</li>
            <li class="lineheight">Others Involved or Interested in
              the <br />
              Dry Docking of Ships and Vessels</li>
          </ul>
          <div id="testimonials">&quot;The course was excellent, straight forward and comprehensive. Instruction was great, expected <br />
            &quot;death-by-power point&quot; but was pleasantly surprised.
            I am better acquainted w/dry dock basics after the
            course and can trust the accuracy of the training
            based on the extensive experience of the instructors. Thank you!
            Very informative, very thorough.&quot;
              - David, Australia<br />
          </div>
          <div id="movie">
            <object width="560" height="340">
              <param name="movie" value="http://www.youtube.com/v/qLGUZEkbAwA?fs=1&hl=en_US&rel=0" />
              <param name="allowFullScreen" value="true" />
              <param name="allowscriptaccess" value="always" />
              <embed src="http://www.youtube.com/v/qLGUZEkbAwA?fs=1&hl=en_US&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed>
            </object>
          </div>
          <div id="moreTestimonials">&raquo;&raquo;&raquo; click here for more testimonials &laquo;&laquo;&laquo;</div>
          <div id="footer"><!-- #BeginLibraryItem "/Library/copyright.lbi" -->&copy; COPYRIGHT 2010 DM CONSULTING<!-- #EndLibraryItem --></div>
        </div>
        <div id="navbar">
          <!-- #BeginLibraryItem "/Library/nav.lbi" -->
          <ul id="MenuBar1" class="MenuBarVertical">
            <li><a href="#index.html" title="DM Consulting home page">HOME</a></li>
            <li><a href="#" class="MenuBarItemSubmenu">TRAINING</a>
              <ul>
                <li><a href="#outline.html" title="Outline of our Training Course">General Information &amp; Outline</a></li>
                <li><a href="#train_sched.html" title="Locations &amp; dates of our Training Courses">Training Course Schedule</a></li>
                <li><a href="#drawings.html" title="Dry dock course drawings">Course Drawings</a></li>
                <li><a href="#testimonials.html" title="Read what our clients have to say">Testimonials</a></li>
              </ul>
            </li>
            <li><a href="#conference.html" title="Dry Dock Conference information">CONFERENCE</a></li>
            <li><a href="#software.html" title="Shop our software">DOCKMASTER SOFTWARE</a></li>
            <li><a href="#consulting.html" title="Dry Dock Consulting">CONSULTING</a></li>
            <li><a href="#clients.html" title="List of current and past clients">CLIENTS</a></li>
            <li><a href="#about.html" title="Learn about our company">ABOUT</a></li>
            <li><a href="#contact.html" title="Contact us">CONTACT US</a></li>
          </ul>
        <!-- #EndLibraryItem --></div>
      </div>
    </div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>
    Here is the code for the page that DOESN'T work:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "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>Training Course Schedule</title>
    <link href="../css styles/drydock2.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    body {
    background-image: url(images/vertborderblue2.jpg);
    background-repeat: repeat-x;
    -->
    </style>
    </head>
    <body>
    <div id="container">
      <div id="header"><img src="../images/header_title_white.png" width="645" height="116" alt="header" /></div>
      <div id="logo"><img src="../images/drydock_logo_blktxt.png" width="154" height="119" alt="logo" /></div>
      <div id="mainContent">
        <div id="content">
          <h2><span class="bolder1">Training Course Schedule</span><span class="bolder1"></span></h2>
          <p><br />
          Class sizes are limited so please register early. Early registration and payment provides the best value.<br />
      <br />
          </p>
    <p class="underline"><strong>4-7 October 2010  •   Honolulu, HI, USA </strong></p>
          <div id="schedulephoto"><img src="../images/conference-rm_train_s.jpg" width="250" height="123" alt="image" /></div>
          <p>The training will be held in Pearl Harbor, Hawaii, USA. <br />
            <a href="Registration_Hawaii.html">Registration form</a><br />
            <br />
          </p>
          <p class="underline"><strong>15-18 November 2010   •   Virginia Beach VA, USA</strong></p>
          <p>The training will be held in Virginia Beach, Virginia, USA. <br />
            <a href="Registration_Virginia.html">Registration form</a><br />
            <br />
          </p>
          <p class="underline"><strong>11-14 May 2011  •   London, United Kingdom</strong></p>
            The training is held in conjunction with the Royal Institution of Naval Architects (RINA). Registration and payment will be made directly to RINA. <br />
            Visit RINA's <a href="http://www.RINA.org.uk" target="_blank">website</a> and go to &quot;Events&quot; or call +44 (0) 20 7201 2401.<br />
      <br />
          </p>
          <p><strong>Your Location</strong></p>
          <p>Training tailored to your organization's needs, including training at your facilities, <br />
            is also available.    </p>
        </div>
        <div id="nav3"><!-- #BeginLibraryItem "/Library/nav.lbi" -->
        <ul id="MenuBar1" class="MenuBarVertical">
          <li><a href="#index.html" title="DM Consulting home page">HOME</a></li>
          <li><a href="#" class="MenuBarItemSubmenu">TRAINING</a>
            <ul>
              <li><a href="#outline.html" title="Outline of our Training Course">General Information &amp; Outline</a></li>
              <li><a href="#train_sched.html" title="Locations &amp; dates of our Training Courses">Training Course Schedule</a></li>
              <li><a href="#drawings.html" title="Dry dock course drawings">Course Drawings</a></li>
              <li><a href="#testimonials.html" title="Read what our clients have to say">Testimonials</a></li>
            </ul>
          </li>
          <li><a href="#conference.html" title="Dry Dock Conference information">CONFERENCE</a></li>
          <li><a href="#software.html" title="Shop our software">DOCKMASTER SOFTWARE</a></li>
          <li><a href="#consulting.html" title="Dry Dock Consulting">CONSULTING</a></li>
          <li><a href="#clients.html" title="List of current and past clients">CLIENTS</a></li>
          <li><a href="#about.html" title="Learn about our company">ABOUT</a></li>
          <li><a href="#contact.html" title="Contact us">CONTACT US</a></li>
        </ul>
        <!-- #EndLibraryItem --></div>
      </div>
    </div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>
    I understand about having the script and  link element that connect my page to the dependent files in the SpryAssets folder in the header and the JavaScript function cal at the bottom on each page. I don't know what else to do - HELP!

    Welcome to the Dreamweaver world!
    Well, having your index.html page at the top/root level is important, as that is the default page by which people will enter your site.
    Having other pages in folders is fine...I do it all the time in order to keep departments or categories of information sorted.
    One characteristic of having pages in folders is that the hierarchy of files in folders (perforce) puts them at different depths in the site.
    This is not inherently a bad thing! Just one to remain aware of. When you look at your site files in the Files Panel, you can see a graphical representation of those different levels.
    But the nature of a library item is that it is identical in all its instances, which is what makes it useful...change it in the library, and it changes site-wide. The down-side of that identity is that when your files are at different depths in the hierarchy, their links back to, say, home (or any other same file) will change depending on the depth. You can see this if you make a link on a page, then drag the page (in the Files Panel) to a different depth...say, into a folder when it started at root level, or vice versa. Check the link, and you will see that it automatically adapted to the new path.
    Library items do not do that; they do not change, so some of your links will be 'wrong' when you refer to pages that have different paths than the ones originally set up in the library item... because of the change in hierarchy.
    All this is, of course, reliant on your creation of the site in the first place, as defining the root folder's location on your computer gives Dreamweaver a starting point for handling (juggling?) all the location-information for your site's files.
    Beth

  • Spry Vertical Submenu Bar Appears Behind iFrame

    In IE and Chrome, the Spry vertical submenu bar appears properly on every page of the website, except for the one page that has iframes.
    In IE, the submenus appear behind the iFrames
    In Chrome, the submenus appear in front of the iFrames but with an incomplete border
    In Firefox and Safari, the submenus appear as they should (in front of the iframes and with a complete border)
    I've scoured this forum and tried several fixes that seemed to work for others with slightly different conditions but didn't work for mine.
    I've included my SpryMenuBarVertical.css for referece; if you can offer a fix for this particular issue, I'd be forever grateful. Thank you!
    —Lisa
    @charset "UTF-8"; /* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /******************************************************************************* LAYOUT: box model, positioning, z-order *******************************************************************************/ /* The outermost container of the Menu Bar, a fixed-width box with no margin or padding */ ul.MenuBarVertical {      margin: 0;      padding: 0;      list-sty    le-type: none;      font-size: 100%;      cursor: default;      width: 245px; } /* 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 are same fixed width as parent; position children relative to this container  */ ul.MenuBarVertical li {      margin: 0;      padding: 0;      list-style-type: none;      font-size: 100%;      position: relative;      text-align: left;      cursor: pointer;      width: 245px; } /* Submenus are initially off the left side of the screen (-1000em) and then, on hover, appear slightly overlapping to the right and up with a higher z-index */ ul.MenuBarVertical ul {      margin: -5% 0 0 95%;      padding: 0;      list-style-type: none;      font-size: 100%;      position: absolute;      z-index: 1020;      cursor: default;      width: 12em;      left: -1000em;      top: 0; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ ul.MenuBarVertical ul.MenuBarSubmenuVisible {      left: 0; } /* Menu item containers are same fixed width as parent */ ul.MenuBarVertical ul li {      width: 12em; } /******************************************************************************* DESIGN: color scheme, borders, fonts *******************************************************************************/ /* Outermost menu containers have no borders */ ul.MenuBarVertical {      border-bottom: 0px solid Gray; } /* Submenu containers have borders on all sides */ ul.MenuBarVertical ul {      border: 1px solid Gray; } /* Menu items are a mustard yellow block with padding and no text decoration */ ul.MenuBarVertical a {      display: block;      cursor: pointer;      background-color: #E6DC8F;      padding: 0.5em 1em;      color: #333;      text-decoration: none;      border-top: 0px solid Gray; } /* Menu items that have hover or focus display with a dark green background and white text */ ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus {      background-color: #275936;      color: #FFF; } /* Menu items that are open with submenus are set to MenuBarItemHover with a dark green background and white text */ ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible {      background-color: #275936;      color: #FFF; } /* Active top-level menu items display a branch */ body#home a#homeNav, body#forsale a#forsaleNav, body#clubhouse a#clubhouseNav, body#falmouth a#aboutfalmouthNav, body#faqs a#faqNav, body#directions a#directionsNav, body#calendar a#calendarNav, body#partners a#partnersNav {      background-image: url(NavBranch.gif);      background-repeat: no-repeat;      color: #FFF;      padding-left: 50px; } /* Active top-level menu items with a submenu display a branch and a white arrow */ body#aboutridgewood a#aboutridgewoodNav, body#floorplans a#floorplansNav, body#contactrealtors a#contactNav, body#videos a#videosNav {      background-image: url(NavBranchArrowWhite.png);      background-repeat: no-repeat;      background-color: #275936;      color: #FFF;      padding-left: 50px; } /******************************************************************************* 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 use a green background arrow image */ ul.MenuBarVertical a.MenuBarItemSubmenu {      background-image: url(NavArrowGreen.gif);      background-repeat: no-repeat; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and use a white background arrow image */ ul.MenuBarVertical a.MenuBarItemSubmenuHover {      background-image: url(NavArrowWhite.gif);      background-repeat: no-repeat; } /* Current menu items that have a submenu display a branch graphic to the left and a white arrow to the right */ body#story a#aboutridgewoodNav, body#story a#storyNav, body#neighborhood a#aboutridgewoodNav, body#neighborhood a#neighborhoodNav, body#structure a#aboutridgewoodNav, body#structure a#structureNav, body#green a#aboutridgewoodNav, body#green a#greenNav, body#maplewood a#floorplansNav, body#maplewood a#maplewoodNav, body#birchwood a#floorplansNav, body#birchwood a#birchwoodNav, body#sprucewood a#floorplansNav, body#sprucewood a#sprucewoodNav, body#aspenwood a#floorplansNav, body#aspenwood a#aspenwoodNav, body#cedarwood a#floorplansNav, body#cedarwood a#cedarwoodNav, body#oakwood a#floorplansNav, body#oakwood a#oakwoodNav, body#contactrealtors a#contactNav, body#contactrealtors a#contactrealtorsNav, body#lenders a#contactNav, body#lenders a#contactlendersNav, body#owners a#contactNav, body#owners a#contactownersNav, body#videoOverview a#videosNav, body#videoOverview a#videoOverviewNav, body#videoTour a#videosNav, body#videoTour a#videoTourNav, body#videoLender a#videosNav, body#videoLender a#videoLenderNav {      background-image: url(NavBranchArrowWhite.png);      background-repeat: no-repeat;      background-position: -1% 50%;      background-color: #275936;      color: #FFF;      padding-left: 50px; } /******************************************************************************* 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.MenuBarVertical 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.MenuBarVertical li.MenuBarItemIE      {          display: inline;          f\loat: left;          background: #FFF;      } }

    Long answer =  z-index
    http://www.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/
    Nancy O.

  • Iframe flashing Spry Vertical menu

    Hi All,
    Im having an issue with the Spry Vertical Menu with flyouts.
    It appears that the iframe used for the IE hack is flashing
    on the screen whenever I rollover a menu item with a flyout in it.
    Anyone having this same issue? Any help would be much
    appriciated as I like the new Spry Widgets but I cannot have
    glitches such as these... thanks
    Here is my CSS:
    @charset "UTF-8";
    /* SpryMenuBarVertical.css - Revision: Spry Preview Release
    1.4 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights
    reserved. */
    LAYOUT INFORMATION: describes box model, positioning,
    z-order
    /* The outermost container of the Menu Bar, a fixed width box
    with no margin or padding */
    ul.MenuBarVertical
    margin: 82px 0px 0px 26px;
    padding: 0;
    list-style-type: none;
    font-size: 1em;
    cursor: default;
    width: 14.5em;
    /* 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 same fixed width as parent */
    ul.MenuBarVertical li
    margin: 0;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    font-size: 1em;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 14.5em;
    /* Submenus should appear slightly overlapping to the right
    (95%) and up (-5%) with a higher z-index, but they are initially
    off the left side of the screen (-1000em) */
    ul.MenuBarVertical ul
    margin: -5% 0 0 95%;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: absolute;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    left: -1000em;
    top: 0;
    /* Submenu that is showing with class designation
    MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen
    ul.MenuBarVertical ul.MenuBarSubmenuVisible
    left: 0;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarVertical ul li
    width: 8.2em;
    background-color:#620808;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Outermost menu container has borders on all sides */
    ul.MenuBarVertical
    text-decoration:none;
    /* Submenu containers have borders on all sides */
    ul.MenuBarVertical ul
    border: 1px solid #000;
    /* Menu items are a light gray block with padding and no text
    decoration */
    ul.MenuBarVertical a
    display: block;
    cursor: pointer;
    font-size: 1em;
    padding: 0.5em 0em 0.5em 2em;
    color: #dfc398;
    text-decoration:none;
    /* Menu items that have mouse over or focus have a blue
    background and white text */
    ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
    background-image:url(../images/office/side_menu_rollover.jpg);
    background-repeat:no-repeat;
    background-position:6px 8px;
    color: #FFF;
    text-decoration:none;
    /* Menu items that are open with submenus are set to
    MenuBarItemHover with a blue background and white text */
    ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical
    a.MenuBarItemSubmenuHover, ul.MenuBarVertical
    a.MenuBarSubmenuVisible
    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.MenuBarVertical 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.MenuBarVertical 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.MenuBarVertical 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.MenuBarVertical li.MenuBarItemIE
    display: inline;
    f\loat: left;

    ok... no sooner than I hit submit... figured it out...
    If anyone comes across this, it seems just add width:0,
    hieght:0 to the following css:
    /* HACK FOR IE: to make sure the sub menus show above form
    controls, we underlay each submenu with an iframe */
    ul.MenuBarVertical iframe
    position: absolute;
    z-index: 1010;
    width:0px;
    height:0px;
    Happy coding!

  • Vertical Menu Bar difficulties

    Hi, I'm using the spry menu bar to create a vertical menu bar
    on our new website. I'm new to all this but I've been playing with
    pc's for years and have got the promise of a payrise if I can get a
    neat looking website up and running.
    Anyway, my sub menu bars appear at the top of the section
    when I preview my template and move the mouse over the menu bar.
    I've put a few screen print pics on photobucket so you can see what
    I'm talking about.
    http://i199.photobucket.com/albums/aa13/ewanvx/Klannweb1.jpg
    http://i199.photobucket.com/albums/aa13/ewanvx/Klannweb2.jpg
    What I'd like is to have each sub menu "linked" to its parent
    item in the main menu so it appears alongside the parent item
    rather than at the top.
    How can I make it do this? Or this something to do with the
    IE7 glitch I keep reading about?
    Also can I just check that when I publish the website, the
    flash buttons at the top of the page will actually work as I've got
    them all set as links to other pages, but in preview mode these
    links don't seem to work.
    Its annoying me this as I was unable to get a book on
    dreamweaver cs3, so bought a book on dreamweaver 8 which of course
    doesn't use the spry system. Everything else seems very similar
    though. As I want the same basic layout at the sides and top I'm
    using a template which is the page I'm editing in the above pics.
    Please help!
    E.

    OK just managed to resolve the ftp issue. Bit tricky as our
    old (average) website is still on the same server.
    Anyway please check this link.
    http://www.klanntools.co.uk/Contact%20Us%20pagehtm.htm
    As you can see it works fine in FF but not in IE7. The child
    sub menus keep appearing at the top of the vertical menu
    bar.

  • Spry Horizontal Menu Bar not working in IE

    Hi! I am new to this forum and new to Dreamweaver. I recently used Dreamweaver to build a website to display my digital portfolio. I am not very good at this and don't understand much of this works. I inserted a spry horizontal menu bar for my navigation. I did change the original set up to have the background the colors I wanted and I also changed the size so it would go across the top of my page. This looks fine in Firefox and Safari but in Internet Explorer the bar displays vertically, which does not look good. Can anyone look at my code and tell me how I can fix this problem?
    I appreciate any help I can get with this as I have tried everything I know.
    This is the link to my site: www.digitaldesignsbymargee.com

    Hi! I am new to this forum. I inserted a spry horizontal menu bar for my navigation but i cannot able veiw a horizontal menubar in IE though it works fine in google chrome and Mozila. Can anyone look at my code and tell me how I can fix this problem?
    w@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: 0px;
        padding: 0px;
        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: 0px;
        padding: 0px;
        list-style-type: none;
        font-size: 100%;
        position: relative;
        text-align: left;
        cursor: pointer;
        width: 14em;
        float: left;
        border-color: white;
        border-left-style: solid;
        border-left-width: 1px;
        border-right-style: none;
        border-right-width: 1px;
    /* 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: 14em;
        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: 14em;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
        position: absolute;
        margin: 0 0 0 99%;
    /* 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
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
        display: block;
        cursor: pointer;
        padding: 0.9em 0.75em;
        color: white;
        font-size: 14px;
        font-weight: bold;
        font-family: Arial, Helvetica, Verdana, sans-serif;
        text-decoration: none;
        color: white;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
        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
        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: 10px 85%;
    /* 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
        b/ackground-image: url(SpryMenuBarDownHover.gif);
        background-repeat: no-repeat;
        background-position: 10px 85%;
    /* 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
        b/ackground-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;
        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;
            float: left;
           /* I have updated and checked the code as mentioned in the forum topic but still it is not working */
    ul.MenuBarHorizontal a:visited { color: white;}
    ul ul a { background-color: #436d9c; }
    ul a.MenuBarItemHover { background-color: #19385a; }
    ul .MenuBarItemSubmenu ul li a { border: none; }
    ul a.MenuBarItemSubmenu.MenuBarItemSubmenuHover { background-color: #19385a; }
    ul.MenuBarSubmenuVisible li { border: none; }
    I appreciate any help I can get with this as I have tried everything I know.

Maybe you are looking for

  • Unable to  get the login page after upgrade from 11.5.10.2 to R12

    Hi , We are unable to get the login page after upgrade from 11.5.10.2 to R12, all the services are up and running. Pls let me know if someone has come across this issue. Thanks&Regards, Apps DBA

  • N:1 Map ???

    Hello Everybody! Does anybody know if there's a associative Array that supports mapping a Set of Keys to an Object?? Some PseudoCode with the basic Operations to make it clearer : Interface N_1_Map{ public void put( Object[] keys,Object value); publi

  • SCCM 2012 R2 MDT 2013 Install Features after OS Install

    I have a question in regards to installing Features on Windows Servers Post OS Install/OSD. I have MDT 2013 integrated with SCCM 2012 R2. I have created a MDT TS doing the following: Microsoft Deployment Custom Task Sequence (All other ones were for

  • Can I print Dymo labels directly from Address Book?

    That would be cool. But I end up launching Dymo's crap app and cutting and pasting every address into a label I want to print.

  • Install iTunes 9.0.2.25 hangs

    I am trying to install iTunes 9.0.2.25 after disabling Norton Internet Security. The iTunesSetup was downloaded onto my desktop (have done this several times, using different computers onto an external hard drive so I don't suspect a corrupted downlo