Results 1 to 2 of 2

Thread: ultimate fade-in slideshow is hiding split menu options

  1. #1
    Join Date
    Apr 2013
    Posts
    18
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default ultimate fade-in slideshow is hiding split menu options

    1) Script Title: Ultimate Fade-in slideshow (v2.4)
    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

    3) Describe problem: I am using Split Menu Buttons on the site I am designing and they work fine. I have tried adding the Ultimate Fade-in slideshow as well and it show up. The only problem is that the menus open behind the slideshow. Is there a way to make them always show on top of the slideshow? I am fairly new to javascript so I don't know that much about it yet but am trying to learn. The page right now is only on my local machine so I don't have a url to post for the actual page. I have attached the page as a .txt file instead, hope it helps.
    newindex5.txt


    Thanks,
    Shad97

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,027
    Thanks
    44
    Thanked 3,210 Times in 3,172 Posts
    Blog Entries
    12

    Default

    Hard to say without actually seeing the page. But what I would try is, using a text only editor like NotePad, adding z-index to the positioned items in the splitmenubuttons.css file, additions highlighted, three places. Scroll the code block to make sure you see all three. (You will find this section near the end of the file):

    Code:
    .rightarrow:after{ /* CSS for right arrow inside splitdropdown */
    content: '\25b8'; /* Add HTML entity based right arrow */
    position: absolute;
    z-index: 3000;
    right: 5px;
    font-size: 16px;
    height: 100%;
    }
    
    /* ##### CSS for UL Drop Down Menus of script ###### */
    
    
    ul.splitdropdown, ul.splitdropdown ul{ /*topmost and sub ULs, respectively*/
    font: normal 13px Verdana;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 3000;
    display: none;
    left: 200px;
    top: 0;
    list-style: none;
    background: white; /* background color of drop down */
    border: 1px solid lightgray;
    border-bottom-width: 0;
    box-shadow: 0 0 8px #818181; /*shadow for CSS3 capable browsers.*/
    -webkit-box-shadow: 0 0 8px #818181;
    -moz-box-shadow: 0 0 8px #818181;
    }
    
    
    ul.splitdropdown li{
    position: relative;
    z-index: 3000;
    }
    - John
    ________________________

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

Similar Threads

  1. Ultimate Fade-In Slideshow transition options...
    By rmastal in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 12-21-2011, 08:46 PM
  2. Split Display possible on Ultimate Fade In Slideshow v.2.0?
    By Lorel in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 09-23-2011, 05:21 PM
  3. Replies: 1
    Last Post: 08-25-2011, 03:31 PM
  4. Ultimate Fade-in slideshow overlaps Smooth Menu
    By vanquish in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 08-04-2010, 06:35 PM
  5. Ultimate fade in slideshow on top of menu
    By gregweb in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 09-02-2009, 12:42 PM

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
  •