Results 1 to 3 of 3

Thread: Drop down menus, and a slideshow

  1. #1
    Join Date
    Apr 2017
    Thanked 0 Times in 0 Posts

    Default Drop down menus, and a slideshow


    I'm designing a website for a small business, and they said they wanted two things. Drop down menus, and a slideshow on the main page. This would be fine, if it wasn't for the fact I have to float the slideshow so it wont interfere with the rest of the page (Side menu type thing). The problem is that the images now overlay the dropdown menu, and the only solution I can see is either moving the images or removing them completely. It'd be great if I didn't have to do either, but compromises can be made.

  2. #2
    Join Date
    Mar 2005
    Thanked 3,380 Times in 3,341 Posts
    Blog Entries


    You should be able to resolve this by making the floated items position relative. Then, as long as the menu is positioned and has a z-index of - say, 2 that should do it, assuming the floated content or any of it's child elements don't already have z-index, in which case the menu's z-index must exceed that of the floated content and its child elements. If the slideshow is scripted, you may be unaware of how high the z-index is on some of its constituent elements. A DOM inspector can be used to determine that in most cases.

    If you want more help, please post a link to an example of the problem in action.
    - John

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

  3. #3
    Join Date
    Apr 2017
    Thanked 0 Times in 0 Posts


    it is much helpful for us if you attach some screen shot of the problem you're having.
    from what i understand in your website top there is a title bar and all are drop down menus and just below that there is image space for the slide show .
    it seems like your drop down menu is gone background and the sliding images are came foreground. If that is the case you need to check the z index value of all and make sure you gave a higher value for your drop down menu like ( z-index : 1000;} and make changes in the display:block; background #fff; --- too with this value
    hope it is helpful forgive any mistakes im an amateur in web development
    Last edited by floretmediabnglr; 04-18-2017 at 06:50 AM. Reason: mistakes i

Similar Threads

  1. Replies: 2
    Last Post: 09-06-2011, 09:25 AM
  2. Anylink drop down menu - Demo #3 (sub menus drop to the right of anchor):
    By pjdcreative in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 06-17-2010, 02:54 AM
  3. Drop Down Tabs: Drop down menus do not display
    By Surly1 in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 04-06-2009, 11:48 PM
  4. Drop -down menus
    By turtleman8605 in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 04-22-2007, 10:54 PM
  5. Drop down menus
    By michaellofts in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 06-17-2005, 08:28 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