Spry Menu display problems in IE

Hi!
I'm making a menu for a website and i tried Spry. version 1.4
returned me some trouble with IE, but none with FireFox.
i then updated to version 1.6, expecting some changes, but
nothing has happened.
I'm using the following: SpryMenuBarHorizontal.css - version
0.6 - Spry Pre-Release 1.6
here's the address for you to see what's happening and
possibly help me:
page
I'd like to thank you in advance and say i'm here for any
other information you need.

Hi ssorizo,
Try removing those <div align="center"> tags inside the
level one <li> tags.
They are not needed.
Also, I noticed that you have modified slightly the CSS file,
please use a fresh version and modify only what you strictly need
(fonts, colors etc), not the various widths measured in em.
Florin TUDOR

Similar Messages

  • Spry horizontal menu display problems

    I have two display problems with a horizontal spry menu bar
    that I added in Dreamweaver CS3:
    (1) In Firefox, it displays underneath a flash movie. I've
    tried fiddling with the z-indexes and still can't get it to display
    right. I embed the flash movie using SWFObject.
    (2) In IE, the submenus display very in a broken way
    sometimes and sometimes they don't. I don't know how else to
    explain it.
    You can see then menu here:
    http://www.davisbrotherscabinetmakers.com/dbmc/
    And here is a link to my SpryAssets stylesheet, which I may
    have ruined beyond repair!
    http://www.davisbrotherscabinetmakers.com/dbmc/SpryAssets/SpryMenuBarHorizontal.css
    Any help would really be appreciated! Thanks.

    I am not the world's best coder and I have spent forever
    trying to
    learn and figure out some problems on a menu bar i have
    created using
    the base dreamweaver spry framework. It looks exactly like
    what i want
    it to look like on Firefox, Safari, and Google Chrome,
    but--of
    course--- Internet Explorer is creating massive dificiulties.
    Namely,
    the drop down menu is completely non-existent. I tried
    changing the IE
    hack to float right, rather than float left and then the menu
    appeared
    but with all the subsequent boxes lined up in a row. Here are
    my
    links, can anyone help me?
    http://www.agellsworth.org/index2.html
    http://www.agellsworth.org/SpryAssets/SpryMenuBarHorizontal.css
    Thanks alot,
    bob

  • Spry Menu Bar problem in IE

    I am using a spry menu bar, which looks perfect in firefox, but in IE (version 6.0) I cannot get the font right for when an item on the menu bar has been visited. The font should stay white, but goes to a light purple colour which is hard to read. The site is www.binscombe.net and the CSS code is below. Any help really appreciated.
    Many thanks,
    Martin Brunet
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        cursor: default;
        width: auto;
        float: none;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
        z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 11pt;
        position: relative;
        text-align: left;
        cursor: pointer;
        float: left;
        background-color: #716BA3;
        font-family: Verdana, Geneva, sans-serif;
        color: #FFF;
        width: white-space
    : now;
    /* 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: 11pt;
        z-index: 1020;
        cursor: default;
        width: auto;
        position: absolute;
        left: -1000em;
        color: #FFF;
        border-right-width: 2px;
        border-right-style: groove;
    /* 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
        float: none;
        background-color: transparent;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
        position: absolute;
        margin: -5% 0 0 95%;
        border-right-style: none;
        border-top-style: none;
        border-bottom-style: none;
        border-left-style: none;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
        left: auto;
        top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
        border-right-width: 2px;
        border-top-style: none;
        border-right-style: groove;
        border-bottom-style: none;
        border-left-style: none;
        border-top-color: #CCC;
        border-right-color: #CCC;
        border-bottom-color: #CCC;
        border-left-color: #CCC;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
        display: block;
        cursor: pointer;
        background-color: #716BA3;
        color: #FFF;
        text-decoration: none;
        font-style: normal;
        font-weight: bold;
        border-right-style: groove;
        border-right-color: #006;
        padding-top: 0.5em;
        padding-right: 0.75em;
        padding-left: 0.75em;
        padding-bottom: 0.6em;
        border-right-width: 2px;
        list-style-type: none;
    /* Menu items that have mouse over or focus or visited have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus, ul.MenuBarHorizontal a:visited
        background-color: #716BA3;
        color: #FFF;
        font-weight: bold;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
        background-color: #006;
        color: #FFF;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
        /*background-image: url(SpryMenuBarDown.gif);*/
        background-repeat: no-repeat;
        background-position: 95% 50%;
        background-color: #716BA3;
        color: #FFF;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
        /*background-image: url(SpryMenuBarRight.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
        /*background-image: url(SpryMenuBarDownHover.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
        /*background-image: url(SpryMenuBarRightHover.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
        position: absolute;
        z-index: 1010;
        filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
        ul.MenuBarHorizontal li.MenuBarItemIE
            display: inline;
            f\loat: left;
            background: #FFF;
    #Comment_label {
        font-weight: bold;
        color: #FFF;ul.MenuBarHorizontal a:visited {
        /*background-image: url(SpryMenuBarRight.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
        /*background-image: url(SpryMenuBarDownHover.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
        /*background-image: url(SpryMenuBarRightHover.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
        position: absolute;
        z-index: 1010;
        filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
        ul.MenuBarHorizontal li.MenuBarItemIE
            display: inline;
            f\loat: left;
            background: #FFF;
    #Comment_label {
        font-weight: bold;
        color: #FFF;}

    Hi mjw133,
    There is already a topic about this problem
    here.
    You can also check out this
    tech
    note

  • Spry menu displays fine in FF and Chrome but not in IE

    hello all -
    as stated my Spry menu drops down fine (vertical) in FF and Chrome but in IE8 it displays horizontal. pls help & ty!
    here is the CSS and an example page-
    http://www.thelders.com/BlueRidge/ContactUs.html
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    #MenuBar1 {
    margin:0 auto;
    width:876px;
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive {
    z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    float: left;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    position: absolute;
    left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
    left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li {
    width: 8.2em;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul {
    position: absolute;
    margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
    left: auto;
    top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul {
    border: 1px solid #738dbb;
    background-color: #ddd9c3;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a {
    display: block;
    cursor: pointer;
    padding:6px 18px;
    text-decoration: none;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
    background-color: #aac0db;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu {
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {
    background-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe {
    position: absolute;
    z-index: 1010;
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection {
    ul.MenuBarHorizontal li.MenuBarItemIE {
    display: inline;
    f\loat: left;

    First off read the notice on the index page of this forum
    Announcement: Introducing Spry UI
    Then add the following style rules to your document
    ul.MenuBarHorizontal li {
        width: 8em;
    ul.MenuBarHorizontal ul {
        width: 8.2em;
    I hope this helps.
    Ben

  • Horizontal Spry Menu displays incorrectly in Explorer

    I looked in other discussions to find an answer to this, but I can't find the right answer.
    My issue is that my Horizontal Spry Menu Bar, which displays correctly in Firefox and Chrome, displays vertically and on the left side of the page in Explorer.
    I had a heck of a time getting the Menu Bar to work at all, so I'm sure there are issues in the coding, but don't know what they are.
    Any help is appreciated.
    Jean
    jeanrivard.com
    jeanrivard.com/vo

    This appears to have worked. Thank you Gramps!
    Jean

  • Spry menu bar problem

    I am using the Spry Menu Bar to create a top navigation bar.
    There are three content div's absolutely positioned below the div
    for this navigation bar. Everything works fine in Firefox. But in
    both IE6 and IE7, the submenus are hidden behind the content div's.
    I have tried giving the content div's very low z-indexes but the
    only time that worked was with negative z-indexes - then the
    submenus were on top of the content div's in IE, but the content
    div's disappeared in Firefox (and yes I understand why this
    happened in Firefox). I tried giving the different elements in the
    menu bar very large z-indexes. Either I did not get the z-index
    into the correct element or that did not work either. And, yes,
    there are design reasons for why I am using absolute positioning
    instead of floating.
    Has anyone encountered and solved this problem?

    I solved the problem. I moved the top navigation bar div to
    the bottom of the html code so it is the last div in the document
    flow. Now the submenus are on top of the content div's in both
    Firefox and IE.

  • Another spry menu bar problem

    hey all, im very new to dreamweaver first of all. I set up a website www.apexref.com if you click the link you will see the drop down menu wont work correctly. i think its just a source code problem buit have no idea how or what to do!!! the file works perfect in dreamweaver preview but when i published it this happen.
    could really do with some help as im very much a rookie at this stuff.
    thank you
    S

    Hi S,
    the first I saw when I loaded your source code into my DW it "said":
    what means something like "Syntax error on line 1 ...". For comparison, my DW starts with a spry menu as follows:
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    not this:
      <script src="..SpryMenuBar.html" type="text/javascript"></script>
      <script src="..swfobject_modified.html" type="text/javascript"></script>
    Hans-G.
    P.S.
    For the here often discussed reasons, you should remove the spaces in file names, for example here:
    ApexRefrigeration_24hr Service 6Maintenance.html
    better:
    ApexRefrigeration_24hrService26Maintenance.html

  • Spry menu displays as bullets [was; NEED HELP PLEASE]

    Thank you for taking the time to help me with this:
    when ever I create the spry menu bar in Dreamweaver it sets it as bullets, it isnt noticeable in dreamweaver or when I test it in safari,firefox, etc.. but as soon as I upload it to the ftp host it distorts the site because it shows the menu bar in bullets???
    *The picture attached is screen shot of just the menu bar(it should be only 1 line)
    -Colbie McRae
    [Subject line edited by moderator to make clear what post is about]

    Make sure you have linked and uploaded the Spry Assets that come with the Menubar. As you can see, the Menubar is a simple list that takes its functionality from its associated JavaScript and CSS files.
    The CSS and Javascript files need to travel with the page with the Widget on it.
    Z

  • Spry menu positioning problem in Internet Explorer

    Hi everyone,
    My website is working fine in Firefox and Chrome, but my spry menu doesn't show up correctly in IE 8. When I view the site in IE, the spry menu shows up as a white rectangle and the submenus appear too high up on the page. If anyone could help me figure out how to fix this, that would be great.
    I noticed that in Firefox/chrome, the positioning of the submenus starts counting from the top of the spry menu (40px down), but in IE it seems to start counting from the top of the page?
    Here's a link to my website: http://www.student.kuleuven.be/~s0183195/index.html
    I'm using the latest version of spry.
    Thanks for your time,
    Tine

    That's much better, thank you!
    However, the submenus still appear too far to the right side. When I do a local preview in IE via Dreamweaver everything looks fine, but when I upload my files and view the site online the submenus appear under the word next to the selected word.
    Thanks!
    Edit: I just noticed that if I turn off the compatibility view in IE, the submenus appear as they should. Is there a way to make them appear correctly with the compatibility view turned on as well?

  • Spry image display problem

    xml works good but I can't figure out how to display images
    in a horozontal line
    Hi,
    I have a spry data set that I've created with cs4.
    SO the idea is I have an xml with an image field which I
    constrain to a particular size and turn into thumbnails and then
    when you click on the thumbnail it displays the full article.
    My problem is I cannot figure out how to get the thumbnails
    to display in a horizontal line. Right now they go one on top of
    the next. I tried many css combinations however I think the spry is
    putting one instance on each line so the css isn't having an effect
    in the way I want.
    Thanks for your help, all I want to do is have the images
    show up next to each other.

    Jason, the best place for us to analyze your files is from a server. Have you uploaded them?
    The second best place is in a set of site files...including the HTML table, the display file that uses the HTML table, the CSS and javascript file.
    Without those, it is pretty nigh impossible to work this problem!
    I suspect the errant character appears somewhere in your data table, but based on what you have shown us, it's hard to say.
    When you defined the dataset, did you indicate that the column containing the images is type="HTML"? If you have left it as type="string", it is interpreting the > as text.
    Beth

  • Annoying spry image display problem

    xml works good but I can't figure out how to display images
    in a horozontal line
    Hi,
    I have a spry data set that I've created with cs4.
    SO the idea is I have an xml with an image field which I
    constrain to a particular size and turn into thumbnails and then
    when you click on the thumbnail it displays the full article.
    My problem is I cannot figure out how to get the thumbnails
    to display in a horizontal line. Right now they go one on top of
    the next. I tried many css combinations however I think the spry is
    putting one instance on each line so the css isn't having an effect
    in the way I want.
    Thanks for your help, all I want to do is have the images
    show up next to each other.

    I'm sorry, can you show me with code? This is the offending
    code:
    <td height="106"><div
    spry:region="gk_testimonials_09_A" class="MasterContainer">
    <div class="MasterColumn"
    spry:repeat="gk_testimonials_09_A"
    spry:setrow="gk_testimonials_09_A" spry:hover="MasterColumnHover"
    spry:select="MasterColumnSelected"
    ><img src="{image}" alt="" name="xpath" width="50"
    height="auto" class="thumb_row2" id="xpath" /><br />
    </div>
    </div>

  • SPRY image display problem with data sets!   "

    Dreamweaver CS4
    I really want to use a Spry Data set created with an HTML table (versus XML)
    I've done this step by step several times(after changing local sites and images) and every time I preview the results, each one of my images has a "> in front of it.
    I don't know how to get rid of this "> character!
    I've provided two HTML files used to create this:
    TABLE.html is the source
    SpryTable.html is the actual file pulling TABLE.html for data
    The images are images, I'm not going to provide them since anyone can add a random image just to see if the "> appears.
    I'm not going to include the java files since dreamweaver generates them on their own.
    Thanks!

    Jason, the best place for us to analyze your files is from a server. Have you uploaded them?
    The second best place is in a set of site files...including the HTML table, the display file that uses the HTML table, the CSS and javascript file.
    Without those, it is pretty nigh impossible to work this problem!
    I suspect the errant character appears somewhere in your data table, but based on what you have shown us, it's hard to say.
    When you defined the dataset, did you indicate that the column containing the images is type="HTML"? If you have left it as type="string", it is interpreting the > as text.
    Beth

  • Spry menu IE Problems, shifting submenu to the right

    ok haveing trubble with the menu shifting to the right of the drop down, it works in all other but IE... any ideas ?
    code:
    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
              list-style-type: none;
              font-size: 105%;
              cursor: default;
              width: auto;
              margin-top: -32px;
              margin-right: 0%;
              margin-bottom: 0px;
              margin-left: 5em;
              height: auto;
              float: left;
              border-bottom-style: none;
              font-weight: normal;
              line-height: normal;
              font-style: normal;
              color: #000;
              padding-top: 0px;
              padding-right: 0%;
              padding-bottom: 0px;
              padding-left: 0%;
              text-align: center;
              border-top-style: none;
              border-right-style: none;
              border-left-style: none;
    /* 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
              padding: 0;
              list-style-type: none;
              font-size: 100%;
              position: relative;
              text-align: center;
              cursor: pointer;
              width: auto;
              float: left;
              margin-top: 10px;
              margin-right: 0;
              margin-bottom: 0;
              margin-left: 0;
              visibility: inherit;
    /* 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: 110%;
              z-index: 1020;
              cursor: default;
              width: 12em;
              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;
              -khtml-opacity: 0.9;
              background-color: #666;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
              width: 11em;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
              position: absolute;
              margin-right: 0;
              margin-bottom: 0;
              width: 12em;
              margin-left: 12em;
    /* 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;
              background-color: #666;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
              border: 1.5px solid #fff;
              font-size: 12px;
              padding-top: 0px;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
              display: block;
              cursor: auto;
              background-color: opacity
    :0.4;
              color: #FFFFFF;
              text-decoration: none;
              font-size: 100%;
              padding-top: 0em;
              padding-right: 2em;
              padding-bottom: 0em;
              padding-left: 0em;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
              color: #F69;
              background-color: transparent;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
              background-color: transparent;
              color: #FF6699;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
              background-image: url(SpryMenuBarDown.gif);
              background-repeat: no-repeat;
              background-position: 95% 50%;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
              background-image: url(SpryMenuBarRight.gif);
              background-repeat: no-repeat;
              background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
              background-image: url(SpryMenuBarDownHover.gif);
              background-repeat: no-repeat;
              background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
              background-image: url(SpryMenuBarRightHover.gif);
              background-repeat: no-repeat;
              background-position: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */ 
    ul.MenuBarHorizontal li.MenuBarItemIE
              display: inline;
              f\loat: left;
              background-color: #FFF;
              filter:alpha(opacity=0);
              /* [disabled]-moz-opacity:0.; */
              -khtml-opacity: 0.;
              opacity: 0.;

    There are so many (unnecessary) changes made to the SpryMenuBarHorizontal.css that I have given up.
    Please have a look here http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one and start again.
    Gramps

  • Pop up menu display problem

    I have been using Fireworks for a short while, and am still
    learning my way around. I have had problems with pop up menus in
    that once the art is placed in a Dreamweaver page, any spaces in
    the text of the pop up menus are replaced with a capital E with a
    circumflex. I have managed to get rid of the errant character in
    the past but am not sure exactly how! Now the problem is back and
    driving me crazy! I don't know if this is a font problem, a
    Fireworks problem or a Dreamweaver problem, but any help with this
    would be greatly appreciated!!
    I should add that I am using version 6.0 with on a Mac with
    OSX 10.4.7

    >I have been using Fireworks for a short while, and am
    still learning my way
    > around. I have had problems with pop up menus
    If the first sentence is true, then you should not use the
    pop-up menus. In
    fact, nobody should use them. There are much better ways. The
    FW pop-ups
    are poorly conceived and poorly implemented, and will cause
    you much more
    trouble than you save by using them.
    > I should add that I am using version 6.0 with on a Mac
    with OSX 10.4.7
    In addition to the pop-up menus, version 6.0 was just as
    troublesome. There
    were many unfortunate problems with that release version. You
    should update
    to 6.1 at your earliest convenience (use the updater at the
    Adobe site).
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "SeaZee" <[email protected]> wrote in
    message
    news:ef270h$an6$[email protected]..
    >I have been using Fireworks for a short while, and am
    still learning my way
    > around. I have had problems with pop up menus in that
    once the art is
    > placed in
    > a Dreamweaver page, any spaces in the text of the pop up
    menus are
    > replaced
    > with a capital E with a circumflex. I have managed to
    get rid of the
    > errant
    > character in the past but am not sure exactly how! Now
    the problem is back
    > and
    > driving me crazy! I don't know if this is a font
    problem, a Fireworks
    > problem
    > or a Dreamweaver problem, but any help with this would
    be greatly
    > appreciated!!
    >
    > I should add that I am using version 6.0 with on a Mac
    with OSX 10.4.7
    >

  • Vertical Spry Menu Bar Problem with IE

    My vertical_spry_menu works perfect in all browsers except Internet Explorer.  I use DW CS3 and have installed Spry 1.6.1, applied the DW "Spry Updater"  and uploaded the Spry Assets folder to my server and still negative results. 
    My website is www.defaultprevention.com.  Any assistance would be appreciated. 
    Thank You

    Line 76 says
    <li><a class="MenuBarItemSubmenu" a href="http://ifap.ed.gov/ifap/helpContactInformationDetailedList.jsp?lsc=1" target="_blank">Servicers</a>
    Line 97 says
    <li><li><a href="http://student-loan-default.findthedata.org" class="dark"target="_blank">Compare Rates</a></li>
    Remove the highlighted and you are up and running.
    Gramps

Maybe you are looking for

  • "Edit In ... Photoshop Elements" not working in LR4.0 Mac

    Just upgraded to LR4 from 3 on my Mac runing OS-X Lion. I can no longer select "Edit In...", the option is there but does nothing. Any clues please?

  • If i lost music , contacts, pictures and notes how do i get it back?

    I lost all my photos,notes,music and contacts is there anyway to get them back?

  • Broadband Speed In West Kensington // Upload Speed

    hello there my name is gabrio, i live in fairholme road in west kensington... i wanted to ask how is the performance with BT broadband 20mbit in this area since i am thinking to request my own line given that at the moment in the flat where i live th

  • Finder search "feedback" wheel

    Hi, I recently bought Mountain Lion and realized that when I'm doing a search in the finder there's no more "wheel" that tells me the finder is still searching. It's like it founds nothing but suddenly after a long time some results appears. Is there

  • Can't get full screen view

    I can't view my photos in full screen when editing. I see the thumbnails, but when I double-click all I get is a blank screen (black screen in full screen mode). What's up? I haven't installed or upgraded to anything recently. I did try to go through