Image Slideshow overlapping Multi-Level Navigation Menu

3 replies
  • WEB DESIGN
  • |
Hi,

I recently added an image slideshow on a client's website. The website is Home | Educational Resource Acquisition Consortium - ERAC (slideshow is on the homepage) and the slideshow code I used was taken from Dynamic Drive and can be found at: Dynamic Drive DHTML Scripts- Drop-in Slideshow Script.

I don't see any problems with IE (that's a first...) but with Chrome and Firefox, the slideshow starts overlapping the nav menu once the images begin to flip (you'll need to wait a few seconds). You will see what I mean if you choose the PROFESSIONAL LEARNING option from the nav bar, then point your cursor on ERAC Whitepapers.

I was hoping this issue could be resolved with a simple z-index value assigning but unfortunately it did not do the trick.

Any solutions or suggestions will be much appreciated.

Thanks.
#image #menu #multilevel #navigation #overlapping #slideshow
  • Profile picture of the author kittyd
    it is always a matter of setting the object transparent, if the object is flash... i heard this question numerous of time. i never stumbled upon it, but the answers are alway relating to transparnecy and never with z-index

    take a look here (where "Cary" is the one with the right solution )
    Menu overlapping flash? [Archive] - Dreamweaver Club Forums
    {{ DiscussionBoard.errors[1939496].message }}
  • Profile picture of the author dcpweb
    Hi,

    I had this problem before and I used the following fix which worked:

    Set the flash code element to transparent windowless

    e.g.
    <param name="wmode" value="transparent">
    Then add a DIV tag around the flash code in your html doc as follows:


    <DIV ID="flashMovie" STYLE="width: 200; height: 110; z-index: 0;">

    "Your Flash Code Should Go Here"

    </DIV>
    {{ DiscussionBoard.errors[1939536].message }}
    • Profile picture of the author osegoly
      Thank you all for your responses. The slideshow I am using does not involve any Flash so those solutions are not applicable.

      Can anyone else out there shed any light please?
      {{ DiscussionBoard.errors[1953078].message }}

Trending Topics