Results 1 to 6 of 6

Thread: Drop down menu behind slideshow

  1. #1
    Join Date
    Mar 2015
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Drop down menu behind slideshow

    Hi
    I am using a CSS based drop down menu and the Fade-in slideshow (v2.6) on a test site. I cannot seem to get the dropdown menu to go over the slideshow (it is hidden behind). I have tried manipulating the z-index but nothing has worked. Any ideas?

    Thanks

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    Unfortunately, we can't diagnose anything we can't see, so you'll need to post a link to your site so that we can help you troubleshoot.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  3. #3
    Join Date
    Mar 2015
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Beverleyh View Post
    Unfortunately, we can't diagnose anything we can't see, so you'll need to post a link to your site so that we can help you troubleshoot.
    Hi Beverley

    here is a link to the test: http://www.tabooni.com/buildin-pro-test2/index.html

    Thanks
    Dianne
    Last edited by Beverleyh; 03-10-2015 at 07:28 PM. Reason: formatting

  4. #4
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    You were on the right lines with z-index - you just need to go a little higher.

    The slideshow's JavaScript is switching between z-index:999; and z-index:1000; (depending on which slide is active) so make your menu z-index at least 1001 to get it to show over the top.

    I would personally play it safe with;
    Code:
    #navigation ul {
    	z-index:9999; 
    }
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  5. #5
    Join Date
    Mar 2015
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks Beverly - it is working now! BTW - how do a send a "thanks"?

  6. #6
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    No problem.

    To log a "Thanks", you click the little grey thumbs-up icon at the bottom left of a post
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

Similar Threads

  1. Ultimate slideshow is on top of my drop down menu :(
    By AHalsey in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 02-21-2013, 04:42 PM
  2. Drop Down Menu opens behind slideshow
    By revtim in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 08-14-2012, 01:45 PM
  3. Replies: 3
    Last Post: 07-12-2011, 10:19 PM
  4. Slideshow & Drop Down Menu
    By jazzbrew in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 04-01-2011, 04:52 PM
  5. Drop down menu hidden by slideshow script
    By Yabonbanania in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 12-14-2010, 08:57 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
  •