Results 1 to 2 of 2

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

  1. #1
    Join Date
    Apr 2013
    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):

    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.


  2. #2
    Join Date
    Mar 2005
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries


    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):

    .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, 09: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


Posting Permissions

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