Results 1 to 3 of 3

Thread: Animated Collapsible DIV styling issue

  1. #1
    Join Date
    Sep 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Animated Collapsible DIV styling issue

    1) Script Title: Animated Collapsible DIV

    2) Script URL (on DD): Animated Collapsible Div

    3) Describe problem: I'm sure this is actually an issue with the way I'm styling this, but I figured you guys could help...I am using this script for a personal link page stored locally. Anyway, I am styling it by using it inside of divs that i have style like this

    #a1 { position: absolute; left: 25px; top: 90px; background-color: #eee; width: 400px; padding: 5px; border-bottom:1px solid #BBBBBB; border-left:1px solid #BBBBBB; border-right:1px solid #BBBBBB; border-top:1px solid #BBBBBB; }
    The problem is when I click the link to for the div to slide, it falls behind the other divs so I can't see the links. Anyone know how I should position this thing maybe? Thanks for helping a rookie out.

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Try giving the animated DIV a large z-index setting:

    Code:
    #a1 { position: absolute; z-index: 100; left: 25px; top: 90px; background-color: #eee; width: 400px; padding: 5px; border-bottom:1px solid #BBBBBB; border-left:1px solid #BBBBBB; border-right:1px solid #BBBBBB; border-top:1px solid #BBBBBB; }

  3. #3
    Join Date
    Sep 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default thanks!

    that helped a lot.

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
  •