Results 1 to 7 of 7

Thread: Ultimate Fade-In Slideshow and mm_menu

  1. #1
    Join Date
    Oct 2008
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Ultimate Fade-In Slideshow and mm_menu

    1) Script Title: Ultimate Fade-In Slideshow (v1.5)

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

    3) Describe problem:
    Dropdown menus created with mm_menu.js ... they appear behind the slideshow.

    Need them to appear in front naturally. I'm guessing this will be accomplished with setting a z-index for slideshow ... but where?

    Any help most appreciated.

    Thanks!

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Actually the slideshow uses escalating z-index values to accomplish its work. So it is easier to set the menu to a high z-index - say 10000.

    If you want help doing that:

    Please post a link to the page on your site that contains the problematic code so we can check it out.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Nov 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I am trying to get the menu over the Ultimate Fade-In Slideshow in firefox

    http://krisbutlerhomes.com/index.html

    Can you please help me

    thanks

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Put this style rule at the beginning of your stylesheet:

    Code:
    #menuContainer {
    z-index: 10000;
    position: relative;
    }
    I say at the beginning because there are errors in your stylesheet such that later rules are being ignored, at least in FF.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. #5
    Join Date
    Nov 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi John,

    I am having the same problem running a drop down over the slideshow.

    http://www.snuggwetsuits.co.uk/index.asp

    of course it looks great in Safari & Firefox but IE7 no joy,

    any ideas?

    Perkulator

  6. #6
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    I'd try:

    Code:
    .horizontalcssmenu * {
    position: relative;
    z-index: 10000;
    }
    Place this at the start of your csshorizontalmenu.css stylesheet so that the position and z-index may be updated by the other menu styles if needed by the menu. But if that doesn't work out, place it at the end of the stylesheet. However, doing so may compromise the proper functioning of the menu so try it at the top first.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  7. #7
    Join Date
    Nov 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Yeah,

    Thanks john , that worked a treat, i wasnt sure at first cos it had those bits in there allready ie z-index 10000 but it must be the order is the style sheet.

    top man

    Cheers

    Perkulator

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •