Results 1 to 6 of 6

Thread: css and Ultimate Fade-in slideshow (v1.51)

  1. #1
    Join Date
    Jan 2009
    Location
    Wisconsin
    Posts
    7
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default css and Ultimate Fade-in slideshow (v1.51)

    1) Script Title: Ultimate Fade In Slide Show

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

    3) Describe problem: IE7 and CSS Menus don't seem to work with the slide show.

    I am using basic CSS drop down menu and in IE7 it falls behind the script. I was able to fix the problem in IE6 by using Z-Index but that did not fix the problem in IE7. Are there any other suggestions or am I missing something easy?

    (I'm more of a CSS person than JavaScript, that is why I like Dynamic Drive.)

  2. #2
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    Please post a link to the page on your site that contains the problematic script or attach your code so we can check it out and help you.

  3. #3
    Join Date
    Jan 2009
    Location
    Wisconsin
    Posts
    7
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    http://www.ubakegoodies.com/index.php

    If you look at the Product menu in IE 7 you will see that it falls behind the slideshow.

    Thanks.

  4. #4
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    For z-index to work, the element must be positioned, try adding this to your css code:
    Code:
    #nav_lower li a { //_stylesh..._menu.css (line 64)
    display:block;
    margin:0;
    padding:0;
    text-decoration:none;
    z-index:9;
    position: relative;
    }
    Good luck!

  5. The Following User Says Thank You to Snookerman For This Useful Post:

    gretela (01-26-2009)

  6. #5
    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

    Quote Originally Posted by Snookerman View Post
    For z-index to work, the element must be positioned, try adding this to your css code:
    Code:
    #nav_lower li a { //_stylesh..._menu.css (line 64)
    display:block;
    margin:0;
    padding:0;
    text-decoration:none;
    z-index:9;
    position: relative;
    }
    Good luck!
    That doesn't appear to work, while this does (from the css/_stylesheet_menu.css file):

    Code:
    /*main headings*/
    #nav_lower {
    	padding:0;
    	margin:0; 
    	LIST-STYLE-TYPE: none;
    	position: relative;
    	z-index: 10000;
    }
    - John
    ________________________

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

  7. The Following User Says Thank You to jscheuer1 For This Useful Post:

    gretela (01-26-2009)

  8. #6
    Join Date
    Jan 2009
    Location
    Wisconsin
    Posts
    7
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    These worked. Thank you both.

    Have a great week!

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
  •