Skip navigation
Richard Makower
Richard Makower Calculating status...
Currently Being Moderated

Horizontal spry menu dropdowns not displaying properly in IE7

Apr 24, 2012 7:25 PM

Hi,

 

Grateful for any help!  I have a dreamweaver template which works fine on a Mac with Firefox and Safari, but when opened in IE7 on a PC the menu bar accros the top is ok but the dropdowns appear as a horizontal list, instead of vertical, and the submenues are not displayed.  The site is not available on the web Can anyone advise how to fix this please?

 

I am using the default Spry code and Dreamweaver CS5, and have run Update to ensure latest versions, on iMac with Snow lepoard - also updated.

 

Many thanks

 

Richard

802 Views   4 Replies   Latest reply: Richard Makower, May 10, 2012 4:08 PM
 
Replies
  • Ben Pleysier
    Currently Being Moderated
    1. Ben Pleysier,
    Apr 26, 2012 4:09 PM   in reply to Richard Makower
    Report

    Have a look here http://labs.adobe.com/technologies/spry/samples/menubar/AutoWidthHoriz ontalMenuBarSample.html and when you get down near the bottom of the page add !important as per following

    ul.MenuBarHorizontal ul li {

    display: block;

    float: none !important;

    width: auto;

    white-space: nowrap;

    border-bottom: solid 1px #EEE;

    }

    The !important will override any changes that the JS wants to make.

     

    Gramps

     
    |
    Mark as:
  • Richard Makower
    Currently Being Moderated
    2. Richard Makower,
    May 3, 2012 3:42 PM   in reply to Ben Pleysier
    Report

    Thanks for that - I will give it a go.  Can you please confirm tht the !important in red is a highlight not text to actually enter.

     

    Thanks

     
    |
    Mark as:
  • Ben Pleysier
    Currently Being Moderated
    3. Ben Pleysier,
    May 3, 2012 3:53 PM   in reply to Richard Makower
    Report

    It is text that needs to be entered.

     

    Gramps

     
    |
    Mark as:
  • Richard Makower
    Currently Being Moderated
    4. Richard Makower,
    May 10, 2012 4:08 PM   in reply to Ben Pleysier
    Report

    Thanks that has worked as far at the alignment of the menus is concerned, however the text in the menus now appears on a white background and I get a variable gap between the menu and submenus!  I am researching that at the monemt and will start as new discussion if I cannot find an answer.  I have checked the comments in the link above which would seem to be relevant, but without success!

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points