Skip navigation
SemiBeez
Currently Being Moderated

Dreamweaver CS5 SpryMenuBarHorizontal

Apr 25, 2013 5:51 PM

Hi Everyone!!

 

My drop down menu works fine in Firefox, Chrome, and Opera, but won't display properly in Explorer. I want my main menu bar to have the gradient background and the submenu to have a white background. However, this problem occurs only in Explorer, the submenu will drop down with gradient bars for each menu item instead of displaying the white background. Below is a screen shot and the website is: vacuumchambers.net. How do I fix this? Thank you!!! I really appreciate any help you can give me. I've been struggling with this for weeks!

 

Explorer

Explorer-NeedsAdjustment.png

 
Replies
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Apr 25, 2013 9:21 PM   in reply to SemiBeez

    What version if IE are you seeing this on? IE6 or below don't support native PNG transparency. I notice your 'yellow' gradient is a png file - wont work on IE without a fix.

     

    You can add the PNGFIX script from here: http://www.twinhelix.com/css/iepngfix/

     

    On a sidenote, if you are testing on IE7 or lower, I dont think you should really break your head doing this - as they're almost already obsolete.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 27, 2013 7:15 AM   in reply to SemiBeez

    It would have made this a lot easier if you had posted the link to your site. Because we are now not in a position to look at your markup and CSS, we are only guessing.

     

    In SpryMenuBarHorizontal.css, near the bottom of the page, you will see the style rules for IE and a line that shows the background colour as #FFFFFF. Change the value to transparent and see what happens.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 27, 2013 9:47 AM   in reply to SemiBeez

    Looking at your site at http://vacuumchambers.net, I can see you've made a lot of changes to your Spry CSS code.  Quite frankly, nothing about it looks right.   I don't blame you for this. Spry code is clunky & hard to work with.  Spry was built in 2006 way before most of the modern browsers we use today.  Also spry drop-menus don't work on touch screen devices.   So long story short, Adobe abandoned Spry last year. 

     

    I think your site deserves a better menu system.  One that looks professional & actually works in all modern devices.  Pre-IE8 browsers shouldn't be a major concern to you.  Almost nobody uses them.

     

    If you have a budget to work with, get PVII's Pop-Menu Magic2.

    http://www.projectseven.com/products/menusystems/pmm2/index.htm

     

    Or use jQuery.

    http://users.tpg.com.au/j_birch/plugins/superfish/

     

     

    Nancy O.

     
    |
    Mark as:

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