Menu bar accessibility severe issue

Dear support team
I am a visually impair person (20/100) vision. I am working as software architect since 27 years in the Windows and Linux world. A year ago I bought an AirPort and I fall in love with Apple product best quality: "Always work like a charm"!
So 5 months ago I decide to make the jump and I bought an iMac 27", i7, 16GB, 2TB. As expected, everything works wonderfully until I realize the terrible mistake Apple techies made regarding accessibility that even Microsoft fixes years ago.
The menu bar has NO descent support at all for accessibility.
Let me explain the four fold problem:
1) The font size cannot be adjusted, so I must memorize menu item position or stretch my neck to see what I am selecting.
2) Being 50 years old, I am wearing progressive lens, so only the bottom part of the lens are adjusted for reading, this implies that I shall stretch my neck even more to be able to see something on the menu bar.
3) I am from Quebec Canada, so I use both English and French languages. However, the "language icon" at the right end of the menu bar is so small that they look identical.
4) When you change the size of the mouse pointer, its positioning becomes offseted.
I am using the mouse zooming functionality to work around these problems, but believe me, this is far from being appropriate. Changing the resolution is no a solution too.
You have to realize that visually impair people are buying large screens with the believing that they will be able to adjust font / icon size so everything will work well and they will have good screen real-estate. Also don't forget that your earlier Apple adaptors are now over 40's and they wear progressive lens too.
Now how to fix the problem:
1) Use the same magnification effect on the menu bar as the one on the Dock.
2) Allow user to change the language icon or at least its colour.
3) Make the menu bar font size adjustable.
4) Allow the user to move the menu bar at the bottom of the screen.
5) Fix the mouse pointer offset issue, this is just a question of taking the mouse pointer size into account in the position calculation.
I perfectly understand that allowing the user to change the font size of the menu bar (which is the system font size) may have side effects, same for moving the menu bar at the bottom of the screen. However, there is NO excuse to not provide magnification effect on menu bar and language icon configuration.
Not providing these features are just like not providing access ramp to public buildings and saying: There is always someone passing by that will help the rare "cases" who have to deal with the situation. If it is not enough, in Quebec, it is forbidden to use very small fonts in legal documents!!!
This shall not be seen as a legal or business issue but rather an ethical issue exactly like the access ramp. You, Apple, shall do your best to give equal access to your products independently of physical conditions.
I am sure the people who create these wonderful products at Apple will see this as a very interesting challenge to make MAC much more accessible to roughly 30% of the population, people over 40s and visually impair people.
Best regards
PS: If anybody knows which door to knock to get this issue fixed, let me know; the normal did not work at all.

If you wish to contact Apple, the only way to do so is via Apple's Feedback page. We are just other Apple customer like yourself. We can offer suggestions and workarounds, but be can't move the menu bar.
ChatBlond wrote:
1) The font size cannot be adjusted, so I must memorize menu item position or stretch my neck to see what I am selecting.
You are using Universal Access aren't you? There are a number of ways to zoom in on the screen (including the menu bar) or have it spoken to you. Plus, most commands have a ⌘ (command) key equivalent. If the built-in Universal Access features are insufficient, you could use Automator to create a whole suite of shortcuts to commonly-performed operations.
3) I am from Quebec Canada, so I use both English and French languages. However, the "language icon" at the right end of the menu bar is so small that they look identical.
That is just for keyboard input. What is your keyboard's layout? If it is in English, I would say just use the shortcuts for French diacriticals. option e for accent aigu, option ` for accent grave, option i for circonflexe, option u for umlaut, and option c for cedille. If your keyboard in is French, the shortcuts should still work for circonflexe and umlaut. I do a fair amount of work in French and I would get really confused if I changed by keyboard.
4) When you change the size of the mouse pointer, its positioning becomes offseted.
Are you doing this through Universal Access? I don't really understand what you mean. It seems to work fine. There is a "hot point" on the cursor and it seems to be at the same (relative) place regardless of the cursor size.
I am using the mouse zooming functionality to work around these problems, but believe me, this is far from being appropriate. Changing the resolution is no a solution too.
Have you tried this hint to enable Resolution Independence? It is supposed to be buggy, but it is what you are asking for.

Similar Messages

  • Spry menu bar 2 IE9 issue

    Hi,
    I have a slight problem with a spry menu bar when viewed in IE9beta, when you hover over a menu item the hover background does not always complety fill the area immediately, eventualy it does.  This problem only affects IE9beta, I have tested it in the latest versions of safari, opera, firefox, and chrome.
    Any help with this would be appreciated,
    Richard.
    You can view the menu at www.eandhbaxendale.com and I have included the css and widget script below
    <script type="text/javascript">
    // BeginOAWidget_Instance_2141544: #BaxMenuBar
    var BaxMenuBar = new Spry.Widget.MenuBar2("#BaxMenuBar", {
          widgetID: "BaxMenuBar",
       widgetClass: "MenuBar  BaxMenuBarFixedLeft",
       insertMenuBarBreak: true,
          mainMenuShowDelay: 100,
          mainMenuHideDelay: 200,
          subMenuShowDelay: 200,
          subMenuHideDelay: 200
    // EndOAWidget_Instance_2141544
    </script>
    /*menu bar start*/
    #BaxMenuBar {
    background-color:#000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
    font-style: normal;
    padding:0;
    border: #fff solid 1px;
    .MenuBar br {
    display:none;
    .BaxMenuBarLeftShrink {
    float: left;
    width: auto;
    .BaxMenuBarRightShrink {
    float: right;
    width: auto;
    .BaxMenuBarFixedLeft {
    float: left;
    width: 882px;
    .BaxMenuBarFixedCentered {
    float: none;
    width: 80em;
    margin-left:auto;
    margin-right:auto;
    .BaxMenuBarFixedCentered br {
    clear:both;
    display:block;
    .BaxMenuBarFixedCentered .SubMenu br {
    display:none;
    .BaxMenuBarFullwidth {
    float: left;
    width: 100%;
    #BaxMenuBar .MenuItemContainer {
    padding: 0px;
    margin: 0;
    #BaxMenuBar .MenuItem {
    padding: 0px 14px 0px 0px;
    background-color:#000000;
    border-width:1px;
    border-color: #fff;
    border-style: none solid none none;
    #BaxMenuBar .MenuItemFirst {
    border-style: none solid none none;
    #BaxMenuBar .MenuItemLast {
    border-style: none solid none none;
    #BaxMenuBar .MenuItem .MenuItemLabel {
    text-align:center;
    line-height:1.4em;
    color:#fff;
    background-color:#000;
    padding: 6px 15px 6px 29px;
    width: 10em;
    width:auto;
    .SpryIsIE6 #BaxMenuBar .MenuItem .MenuItemLabel {
    width:1em;
    #BaxMenuBar .SubMenu .MenuItem {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10px;
    font-style: normal;
    background-color:#666;
    padding:0px 2px 0px 0px;
    border-width:1px;
    border-color: #fff;
    border-style: solid solid none solid;
    #BaxMenuBar .SubMenu .MenuItemFirst {
    border-style: solid solid none solid;
    #BaxMenuBar .SubMenu .MenuItemFirst .MenuItemLabel {
    padding-top: 6px;
    #BaxMenuBar .SubMenu .MenuItemLast {
    border-style: solid solid solid solid;
    #BaxMenuBar .SubMenu .MenuItemLast .MenuItemLabel {
    padding-bottom: 6px;
    #BaxMenuBar .SubMenu .MenuItem .MenuItemLabel {
    text-align:left;
    line-height:1em;
    background-color:#666;
    color:#ffffff;
    padding: 6px 12px 6px 5px;
    width: 7em;
    width:auto;
    #BaxMenuBar .MenuItemHover {
    background-color: #666;
    border-color: #fff;
    #BaxMenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel {
    background-color: #666;
    color: #fff;
    #BaxMenuBar .MenuItemHover .MenuItemLabel {
    background-color: #666;
    color: #fff;
    #BaxMenuBar .SubMenu .MenuItemHover {
    background-color: #999;
    border-color: #fff;
    #BaxMenuBar .SubMenu .MenuItemHover .MenuItemLabel {
    background-color: #999;
    color: #fff;
    #BaxMenuBar .SubMenuVisible {
    background-color: #666;
    min-width:100%;
    border: #fff 0px none;
    #BaxMenuBar.MenuBar .SubMenuVisible {
    top: 100%;
    left:0px;
    z-index:10;
    #BaxMenuBar.MenuBarVertical .SubMenuVisible {
    top: 0px;
    left:100%;
    min-width:0px;
    #BaxMenuBar .MenuLevel1 .SubMenuVisible {
    background-color: #666;
    min-width:0px;
    top: 0px;
    left:100%;
    .SpryIsIE6 #BaxMenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel {
    background-color: #666;
    color: #fff;
    .SpryIsIE6 #BaxMenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel {
    background-color: #999;
        color: #fff;
    .SpryIsIE6 #BaxMenuBar .SubMenu .SubMenu {
    margin-left: -0px;
    /*menu bar end*/

    I must have looked at it in another browser, sorry.
    Had another look at it and indeed it may become an issue in IE9, but because IE9 is still in beta, anything can change.
    Watch this space.
    Gramps.
    Oh, you could always add <meta http-equiv="X-UA-Compatible" content="IE=7" /> to your document.

  • Menu Bar SubMenu position issue

    Hi,
    I have an horizontal menu on my site which works, but I'm
    starting a new version of the site and there my submenus display in
    a weird position (in IE only) and with a transparent background.
    I read about the z-index bug, but couldn't find or understand
    the solution.
    I would appreciate if someone could have a look and help me:
    Current version with the menu bar working fine:
    http://www.thebaysoccer.com
    Test page of the new version where my problem appears:
    http://www.thebaysoccer.com/new%20tbs/test.html
    Thanks!

    Hello,
    The trouble is the fact that IE applies text-align:center to
    more things
    than just text.
    You applied it to the li CSS. This not only centers the text
    in IE, but also
    the <ul> (which are your submenus) within these
    <li>.
    ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 12px;
    position: relative;
    text-align: center; <********
    cursor: pointer;
    width: auto;
    float: left;
    white-space: nowrap;
    You also have it in the ul.MenuBarHorizontal style.
    So, in IE the left edge of the <ul> (submenu) is
    aligning with the center of
    the <li> it is contained in.
    That's why the sub menu drops down with the left edge at the
    middle of the
    main nav "button".
    Remove those "text-align:center" rules.
    To center your menu text, apply text-align:center to the link
    style instead,
    like so:
    ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #333;
    padding: 0.5em 0.75em;
    color: #EEE;
    text-decoration: none;
    text-align: center;
    As far as the submenu background, notice "fixed width" in the
    comment line
    above the following rule in the spry CSS.
    You had yours set to auto.
    Try this:
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
    width: 10em;
    background-color: transparent;
    Take care,
    Tim
    "Tilt_Paris" <[email protected]> wrote in
    message
    news:fvda4t$4pa$[email protected]..
    > Hi,
    >
    > I have an horizontal menu on my site which works, but
    I'm starting a new
    > version of the site and there my submenus display in a
    weird position (in
    > IE
    > only) and with a transparent background.
    >
    > I read about the z-index bug, but couldn't find or
    understand the
    > solution.
    >
    > I would appreciate if someone could have a look and help
    me:
    >
    > Current version with the menu bar working fine:
    >
    http://www.thebaysoccer.com
    >
    > Test page of the new version where my problem appears:
    >
    http://www.thebaysoccer.com/new%20tbs/test.html
    >
    > Thanks!
    >

  • Photoshop CS5 update doesn't fix artifact problem in the menu bar !

    Hi to all,
    I've installed the new update (december 7) recommended by Adobe, but that doesn't fix the Artifact problems in the menu bar !!!
    More, with my Windows 7 Pro (French language), Photoshop CS5 video pilot create artifacts in the menu bar in several situations.
    With Windows classic Theme chosen, theme management disabled:
    1. Opening a photo and applying a filter (especially Noise Reduction).
    2. Opening a photo and changing some preferences.
    3. Opening a photo with Windows 7 File Explorer working cause the pilot to crash with a black screen, ans followed by a message saying that Win 7 has recovered the video pilot.
    To suppress most of the problems, I need to Activate "Themes" and choose an Aero theme or the Basic Theme.
    I also need to activate some items that slow the PC !
    Very strange !
    Could someone help, me please ?
    Have a Nice Day.
    Thierry

    Yes, I've an Asus ENGT220/G/DI/1GD3, tried Windows default pilot, 2009 Asus pilot "nv19045_Win7Vista64.zip", and 2010 latest version "nv25919_Win7Vista64.zip", no change !
    More, I've exchanged the video car by a "monster" ENGTX465 with it's driver, NO CHANGE !
    So what to do ?!
    Help, please !

  • Removing the "File / Quit" dropdown from the Menu Bar

    How do I remove the "File / Quit" dropdown option from the
    Authorware Menu Bar ?
    I have created an AW menu bar with several dropdowns which
    works well but Authorware seems to create by default a File / Quit
    option at the beginning which is proving difficult to remove. Any
    ideas.
    Many thanks
    Mike

    Aha.... No worries I have found the solution.
    http://www.macromedia.com/go/tn_16092

  • Spry Menu Bar Javascript Error - items[i].getElements..."a")[0] is undefined

    I have used a spry menu bar on several websites now, and It works very well.
    However, I get a javascript error everytime a page loads. Like I said the menu bar works, but i would like my page to run error free.
    The error is this  items[i].getElements..."a")[0] is undefined
    and it occurs in the following block of code from the spry js file.
    // safari doesn't support tabindex
        if (Spry.is.safari)
            this.enableKeyboardNavigation = false;
        if(this.element)
            this.currMenu = this.element;
            var items = this.element.getElementsByTagName('li');
            for(var i=0; i<items.length; i++)
                if (i > 0 && this.enableKeyboardNavigation)
                    items[i].getElementsByTagName('a')[0].tabIndex='-1';
                this.initialize(items[i], element);
                if(Spry.is.ie)
                    this.addClassName(items[i], this.isieClass);
                    items[i].style.position = "static";

    Hi,
    The problem could be in your HTML-code or even in your modified style sheet.
    So that we do not have to guess, please give us these code, preferably by supplying an online URL.
    Ben

  • I have an iPod Nano that is synced to my mac, but it is sent in for the battery issue. Anyway, I have bought a 2nd gerneration Ipod touch and I want to now sync it to my mac, but it does not show up in the left menu bar. Please help. Thanks All!

    I have an iPod Nano that is synced to my mac, but it is sent in for the battery issue. Anyway, I have bought a 2nd gerneration Ipod touch and I want to now sync it to my mac, but it does not show up in the left menu bar. Please help. Thanks All!

    http://support.apple.com/kb/TS1591
    There have been some problems accessing pages on the Apple web site.  If the hyperlink gives you a "We're sorry" message, try again.

  • HT204291 I have downloaded the new Lion OS X but the AirPlay icon wont appear in my menu bar.  The option of AirPlay mirroring is turned on in the Display settings. No issues Air playing through iTunes. Need help. Thanks

    I have downloaded the new Lion OS X but the AirPlay icon wont appear in my menu bar.  The option of AirPlay mirroring is turned on in the Display settings. No issues Air playing through iTunes. Need help. Thanks

    AirPlay
    AirPlay Mirroring requires a second-generation Apple TV or later, and is supported on the following Mac models: iMac (Mid 2011 or newer), Mac mini (Mid 2011 or newer), MacBook Air (Mid 2011 or newer), and MacBook Pro (Early 2011 or newer).
    Several Apple Articles Regarding AirPlay
    Apple TV (2nd and 3rd gen)- How to use AirPlay Mirroring
    How to set up and configure AirPort Express for AirPlay and iTunes
    Troubleshooting AirPlay and AirPlay Mirroring
    Using AirPlay

  • Safari only partially loads certain web pages. The menu bar on a page is completely missing so I can't access any of the site

    where that white bar is above the login should be a menu bar. It never loads and I cannot access a number of pages on the site. Is there anyway to correct this?

    Hello Siobhan86,
    It looks like your iPad is not loading this webpage correctly all of a sudden. I would start by quitting Safari:
    iOS: Force an app to close
    Double-click the Home button.
    Swipe left or right until you have located the app you wish to close.
    Swipe the app up to close it.
    When you have done that restart the device and test the issue again:
    iOS: Turning off and on (restarting) and resetting
    If the issue persists, I would next clear the website data for Safari in Settings:
    Safari settings - iPad User Guide
    Go to Settings > Safari, where you can:
    Clear your history, cookies, and data
    Thank you for using Apple Support Communities.
    Take care,
    Sterling

  • Home Sync & Menu Bar Issue

    Hey
    One of our clients on Yosemite is failing to sync constantly.
    Since sync hasn't worked on logout for quite a while we changed our profile settings to sync in the background every 5 hours.
    However, when I try to access the menu bar item to kick on a sync manually it just beachballs on this particular client.
    On inspection of the homesync process in Activity Monitor I can see that the process is not responding but even after quitting it, the problem just persiusts and the menu bar item is inaccessible.
    On the odd occasion that the menu bar actually brings up the menu, "Sync Home Now" does nothing.
    I've not come across this on any of our other clients so just wondering if there's anything obvious to try?

    I have had the same problem. Leopard was installed 4 months ago, and has been updated regularly. Yesterday, after booting up as usual, Spotlight (and Google Notifier) were the only menu bar icons left. Clock, battery status, time machine, etc were gone. I checked, and SystemUIServer was not running. Starting it manually corrected the issue.
    However, I now have to manually start SystemUIServer on each boot-up. How can I get it to start up automatically as it presumably did before?
    Thanks,

  • In my Macbook Pro, on a few occassions, the apple menu bar blacks out. its displayed as a negative image. The desktop wallpaper get greyed out and i get a blank screen as wallpaper. No idea why this happens. I reset the system and issue gets resolved.

    In my Macbook Pro, on a few occassions, the apple menu bar blacks out. its displayed as a negative image. The desktop wallpaper get greyed out and i get a blank screen as wallpaper. No idea why this happens. I reset the system and issue gets resolved.

    AshwinVC wrote:
    I reset the system and issue gets resolved.
    How? 

  • Spry menu Bar I.E. positioning issues?

    Hi,
    I, like many folks I've seen on various forums have the same problem with my spry menu appearing at the top of I.E browsers instead of under the menu bar. I've tried all sorts of fixes that I've found and have updated to the latest version of Spry. I am using CS3. Could anyone please, please help? I'm not sure where else to go as I've spent the last week on the web trying to resolve the issue. Everything works great on Safari and Firefox. My URL is http://www.visiongreeninvestments.org
    Thanks in advance to anyone who can point me in the right direction.
    My CSS is:
    @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
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        cursor: default;
        width: auto;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
        z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        position: relative;
        text-align: left;
        cursor: pointer;
        width: 130px;
        float: left;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        z-index: 1020;
        cursor: default;
        width: 8.2em;
        position: absolute;
        left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
        left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
        width: 8.2em;
        background-image: none;
    ul.MenuBarHorizontal ul li a
        width: 7.8em;
        background-image: none;
        background-color: #669933;
    /* 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: 0px solid #CCC;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
        display: block;
        cursor: pointer;
        background-color: #669933;
        color: #000066;
        text-decoration: none;
        font-family: Times;
        font-size: 14px;
        font-weight: normal;
        background-image: url(../homepagelayout/greenbarbg.jpg);
        background-repeat: repeat;
        padding-top: 0.5em;
        padding-right: 0.75em;
        padding-bottom: 0.5em;
        padding-left: 0.75em;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
        background-color: #669933;
        color: #FFF;
        background-image: none;
    /* 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: #669933;
        color: #FFF;
        background-image: none;
    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(../homepagelayout/greenbarbg.jpg);
        background-repeat: repeat;
        background-color: #669933;
    /* 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: none;
        background-position: 95% 50%;
        background-color: #669933;
    /* 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: none;
        background-position: 95% 50%;
        background-color: #669933;
    /* 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: none;
        background-repeat: repeat;
        background-position: 95% 50%;
        background-color: #669933;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
        position: absolute;
        z-index: 1010;
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
        ul.MenuBarHorizontal li.MenuBarItemIE
            display: inline;
            f\loat: left;
            background: #FFF;
        /*insert this bracket/*

    I see that the online version has already been upgraded to Spry 1.61 and that it now works.
    Gramps
    PS Before you change anything, have a look here http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one. This will ensure that you don't make a mess of it this time around.

  • Spry Menu Bar issue, NEED HELP...???

    Here is the coding for a menu bar that i created with CS3, for some reason i am having an issue when i open the web page in IE, on firefox and safari it looks fine, the menu drops down to sub menu's fine, but for some reason when i open it in IE, the submenu's show on the very top of the page rather than right below the menu itself, please check my coding and see if there is an issue???
    i ran compatability and there are no issues shown.
    @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
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        cursor: default;
        width: auto;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
        z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        position: relative;
        text-align: left;
        cursor: pointer;
        width: 10.4em;
        float: left;
        background-image: url(tab2.png);
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        z-index: 1020;
        cursor: default;
        width: 8.2em;
        position: absolute;
        left: -1000em;
        text-decoration: underline;
    /* 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;
        background-image: url(../tab1.png);
    /* 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
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
        display: block;
        cursor: default;
        padding: 0.5em 0.75em;
        color: #FFFFFF;
        text-decoration: none;
        border-left-color: #0063bd;
        border-right-color: #0063bd;
        border-right-width: 3px;
        border-left-width: thin;
        font-family: Calibri;
        font-weight: bold;
        font-size: 19px;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
        color: #000000;
    /* 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: #000000;
    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-block;
        f\loat: left;
        position: relative;

    Hey gramps, thanks for the info, i have updated my spry framework to 1.6.1 but the problem is still the same, i recreated my menu with the new 1.6 and it still doing the same thing, the submenu's are like vertically reversed... ugh need help.
    here the new code
    @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;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
        z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        position: relative;
        text-align: left;
        cursor: pointer;
        width: 10.4em;
        float: left;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        z-index: 1020;
        cursor: default;
        width: 8.2em;
        position: absolute;
        left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
        left: auto;
        background-image: url(../tab1.png);
        line-height: 18px;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
        width: 8.2em;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
        position: absolute;
        margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
        left: auto;
        top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
        border: 1px solid #CCC;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
        display: block;
        cursor: pointer;
        padding: 0.5em 0.75em;
        color: #FFFFFF;
        text-decoration: none;
        font-size: 19px;
        font-family: Calibri;
        font-weight: bolder;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
        color: #000000;
    /* 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: #000000;
    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-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-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-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-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;

  • Spry Menu Bar 2.0 auto-width issues for sub items

    I am testing the spry menu bar 2.0 and it displays perfectly in IE 9.0/8.0 but the auto width is not working for Firefox (testing 3.6.16), Chrome (testing 10.0.648.205), or Safari for windows.  Content is being driven by PHP and MySQL.  This is the first time I have come across something working better in IE than the other browsers.  Great job on the IE patch script.  How do I get the other browsers to cooperate?  I moved the in page CSS generated by the widget browser to it's own CSS (called spry_menubar2_horizontal_sample_layout.css) and am including the files below in the head.  The links below point to an exact copy of the files as the working copy of the files is located elsewhere.
    SpryMenuBasic.css - link
    SpryMenuBasicSkin.css - link
    spry_menubar2_horizontal_sample_layout.css - link
    SpryDOMUtils.js - link
    SpryDOMEffects.js - link
    SpryWidget.js - link
    SpryMenu.js - link
    SpryMenuBarKeyNavigationPlugin.js  - link
    SpryMenuBarIEWorkaroundsPlugin.js - link
    the in page script is loacated directly under the <ul> lists.
    Similar example with php removed:
    <div id="navigation">
        <ul id="MenuBar">
          <li> <a href="http://www.videoonpointe.com/">Home</a> </li>
          <li> <a href="#">Gallery</a>
          <ul>
            <li> <a href="#">View Gallery</a></li>
            <li> <a href="#">Select Gallery</a>
              <ul>
            <li> <a href="#">Main Gallery</a>
              <ul>
                <li> <a href="#">a gallery</a></li>
            </ul>
            </li>
          </ul>
          </li>
            <li> <a href="#">Edit this Gallery</a></li>
            <li> <a href="#">Create Gallery</a> </li>
            <li> <a href="#"  onClick="return confirm('This action cannot be undone. Are you sure?');">Delete this Gallery</a></li>
          </ul>
          </li>
                <li> <a href="#">Photo</a>
              <ul>
                <li> <a href="#">Edit Photo</a> </li>
                <li> <a href="#"  onClick="return confirm('Deletion of this image cannot be undone. Are you sure?');">Delete Photo</a> </li>
                <li> <a href="#">Set as Gallery Thumbnail</a> </li>
                <li> <a href="#">Change Watermark</a> </li>
              </ul>
              </li>
          <li> <a href="#">Pricesheet</a>
            <ul>
              <li> <a href="#">Pricesheet Admin</a> </li>
        </ul>         
          </li>
       </ul>
    <script type="text/javascript">
      var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
               widgetID: "MenuBar",
               widgetClass: "MenuBar  MenuBarLeftShrink",
               insertMenuBarBreak: true,
               mainMenuShowDelay: 100,
               mainMenuHideDelay: 200,
               subMenuShowDelay: 200,
               subMenuHideDelay: 200
    </script>
    </div>
    Has anyone encountered this issue before?  Any thoughts on how it can be fixed?  Thank you for your help.

    I am surprised no one has responded yet.  Surely someone has encountered this before.  Any thoughts?

  • Click twice on the menu bar to access dropdown menus?

    I recently upgraded to CS5 and have noticed that in order to access the menu items I have to click twice on "File", "Edit", etc to see the drop-down menus.Once I am in the menu bar area I have to continue to click once on each menu heading to see the drop down. (so if I am looking at the "File" menu and want to change to "Type" I have to click on Type to see the menu options.
    If I leave the menu dropdown and go back to the artboard the menubar stays selected. I have to hit Escape twice to begin to use keyboard shortcuts.
    This happens in Indesign, Illustrator, and Photoshop. I am on a Windows PC running XP. I'll be upgraded to Windows 7 and a PC with a 64 bit processor in April. I wondered if maybe my mouse was the problem - I am waiting for IT to bring me another one to test my theory on. I am not having problems in any other software though so it's probably a long shot.
    I can't change my workspace in InDesign and Illustrator either. When I click on  "Essentials" the button looks pushed in but no drop down menu appears.  Photoshop doesn't have drop down workspace selection so it isn't a  problem there.
    This is one of those things that is annoying but not earth-shattering. It interferes with my muscle memory and slows me down because it forces me to use my mouse more than I want to. I thought it was a new thing in CS5 until I realized it isn't normal. I searched the forums for a while and haven't found anyone else with a similar problem.
    Anyway, if anyone can help I would really appreciate it!
    Thanks,
    Sheryl

    Here are the errors I received:
    Exit Code: 6
    -------------------------------------- Summary --------------------------------------
    - 0 fatal error(s), 50 error(s), 22 warning(s)
    WARNING: The payload: Adobe Photoshop CS5 Core  {7DFEBBA4-81E1-425B-BBAA-06E9E5BBD97E} requires a UI parent with following specification:
        Family: Photoshop
        ProductName: Adobe Photoshop CS5 Core_x64
        This parent relationship is not satisfied, because this payload is not present in this session.
    WARNING: The payload with AdobeCode:  {CFC9F871-7C40-40B6-BE4A-B98A5B309716} has recommended dependency on:
    WARNING:     Family: Adobe Web Suite CS5
    WARNING:     ProductName: Adobe Media Encoder CS5 X64
    WARNING:     MinVersion: 0.0.0.0
    WARNING:     This dependency is not satisfied, because this payload is x64 and is not supported on this machine.
    WARNING:     Removing this payload from the dependency list.
    WARNING: The payload with AdobeCode:  {E8815668-95B0-443D-AC92-2BFD7DD8F16A} has recommended dependency on:
    WARNING:     Family: Adobe Web Suite CS5
    WARNING:     ProductName: Adobe Media Encoder CS5 X64
    WARNING:     MinVersion: 0.0.0.0
    WARNING:     This dependency is not satisfied, because this payload is x64 and is not supported on this machine.
    WARNING:     Removing this payload from the dependency list.
    WARNING: The payload with AdobeCode:  {F9766AC1-1461-1033-B862-DF8FE1C033BE} has recommended dependency on:
    WARNING:     Family: Adobe Web Suite CS5
    WARNING:     ProductName: Adobe Media Encoder CS5 X64
    WARNING:     MinVersion: 0.0.0.0
    WARNING:     This dependency is not satisfied, because this payload is x64 and is not supported on this machine.
    WARNING:     Removing this payload from the dependency list.
    WARNING: CreateAlias:Icon file does not exist at C:\Program Files\Adobe\Adobe Utilities - CS5\Pixel Bender Toolkit 2\windows\pb_app.icofile:\\\C:\PIXELB~1\source\winwood\Staging    0X1.3EB40BP-1022rea\windows\pb_app.ico42178f80493091e8e552c84a2897e9da68fce32_32_f8049309 1e8e552c84a2897e9da68fce for icon C:\Documents and Settings\All Users\Start Menu\Programs\Adobe Design Premium CS5\Adobe Pixel Bender Toolkit 2.lnk with target C:\Program Files\Adobe\Adobe Utilities - CS5\Pixel Bender Toolkit 2\Pixel Bender Toolkit.exe
    WARNING: File/Folder does not exist at E:\Adobe CS5\payloads\AdobeFireworks11All\OEM
    WARNING: File/Folder does not exist at E:\Adobe CS5\payloads\AdobeFireworks11en_USLanguagePack\OEM
    ERROR: The payload with AdobeCode:  {CFC9F871-7C40-40B6-BE4A-B98A5B309716} has required dependency on:
    ERROR:     Family: CoreTech
    ERROR:     ProductName: Adobe Player for Embedding x64
    ERROR:     MinVersion: 0.0.0.0
    ERROR:     This dependency is not satisfied, because this payload is x64 and is not supported on this machine.
    ERROR:     Removing this dependency from list. Product may function improperly.
    ERROR: The payload with AdobeCode:  {CFC9F871-7C40-40B6-BE4A-B98A5B309716} has required dependency on:
    ERROR:     Family: Shared Technology
    ERROR:     ProductName: Photoshop Camera Raw (64 bit)
    ERROR:     MinVersion: 0.0.0.0
    ERROR:     This dependency is not satisfied, because this payload is x64 and is not supported on this machine.
    ERROR:     Removing this dependency from list. Product may function improperly.
    ERROR: The payload with AdobeCode:  {CFC9F871-7C40-40B6-BE4A-B98A5B309716} has required dependency on:
    ERROR:     Family: CoreTech
    ERROR:     ProductName: AdobeCMaps x64 CS5
    ERROR:     MinVersion: 0.0.0.0
    ERROR:     This dependency is not satisfied, because this payload is x64 and is not supported on this machine.
    ERROR:     Removing this dependency from list. Product may function improperly.
    ERROR: The payload with AdobeCode:  {CFC9F871-7C40-40B6-BE4A-B98A5B309716} has required dependency on:
    ERROR:     Family: CoreTech
    ERROR:     ProductName: Adobe Linguistics CS5 x64
    ERROR:     MinVersion: 0.0.0.0
    ERROR:     This dependency is not satisfied, because this payload is x64 and is not supported on this machine.
    ERROR:     Removing this dependency from list. Product may function improperly.
    ERROR: The payload with AdobeCode:  {CFC9F871-7C40-40B6-BE4A-B98A5B309716} has required dependency on:
    ERROR:     Family: CoreTech
    ERROR:     ProductName: AdobePDFL x64 CS5
    ERROR:     MinVersion: 0.0.0.0
    ERROR:     This dependency is not satisfied, because this payload is x64 and is not supported on this machine.
    ERROR:     Removing this dependency from list. Product may function improperly.
    ERROR: The payload with AdobeCode:  {CFC9F871-7C40-40B6-BE4A-B98A5B309716} has required dependency on:
    ERROR:     Family: CoreTech
    ERROR:     ProductName: AdobeTypeSupport x64 CS5
    ERROR:     MinVersion: 0.0.0.0
    ERROR:     This dependency is not satisfied, because this payload is x64 and is not supported on this machine.
    ERROR:     Removing this dependency from list. Product may function improperly.
    ERROR: The payload with AdobeCode:  {CFC9F871-7C40-40B6-BE4A-B98A5B309716} has required dependency on:
    ERROR:     Family: CoreTech
    ERROR:     ProductName: Adobe WinSoft Linguistics Plugin CS5 x64
    ERROR:     MinVersion: 0.0.0.0
    ERROR:     This dependency is not satisfied, because this payload is x64 and is not supported on this machine.
    ERROR:     Removing this dependency from list. Product may function improperly.
    ERROR: The payload with AdobeCode:  {F9766AC1-1461-1033-B862-DF8FE1C033BE} has required dependency on:
    ERROR:     Family: InDesign
    ERROR:     ProductName: Adobe InDesign CS5 Icon Handler x64
    ERROR:     MinVersion: 0.0.0.0
    ERROR:     This dependency is not satisfied, because this payload is x64 and is not supported on this machine.
    ERROR:     Removing this dependency from list. Product may function improperly.
    ERROR: The following payload errors were found during install:
    ERROR:  - Adobe Flash Player 10 ActiveX: Install failed

Maybe you are looking for

  • Payment detail in purchase order history in PO

    Dear All, My Client wants that he should able to see the payment details in  purchase order history in PO. as we can see the GR, IR and down paymeny there. i have tried by putting PO number in bank line item at the time of payment but it is not worki

  • How to attach a PDF / DOC file to quotation and refer to subsequent docmnt.

    Dear all, How can we attach a PDF or Word Document to Quotation Header and make it flow to Sales Order, Purchase Requisition generated from Sales order, Purchase Order, Outbound Delivery and Invoice documents. I can attach document at header by assig

  • Analyzer server installation error:[1033] native: 2001 Essbase Error; nested ......

    <p>it is really a hard work to deal with the installation of<br>ibm olap server analyzer analysis services (hyperion analyzer7.0.1.<img src="http://hyped.biz/community/Smileys/default/cool.gif" border="0"alt="Cool"> <br><br>i have read the  article 

  • IWeb Media browser shows video but not photos

    I just recently discovered that iWeb is not displaying photos on the photo tab, but it is displaying videos on the photo tab. It is ALSO showing the videos on the video tab. Any recommendations?

  • Blank Screen and Fan on High Speed all the time

    We have a TouchSmart PC 300-1000z (Aw021AV#aba) Windows 7 Home 64bit. This morning the screen was blank and the CPU fan was stuck on high. It will not throttle down at all. We have to press and hold the power button to get the machine to power down.