Results 1 to 3 of 3

Thread: How to modify ajax tabs not to show on "top"?

  1. #1
    Join Date
    Aug 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default How to modify ajax tabs not to show on "top"?

    1) Script Title: Ajax Tabs Content Script

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

    3) Describe problem:

    I'm employing the Ajax Tabs Content script and a drop down menu (SuckerFish) on my page but the tab persistently appears on top of other components. I vaguely remember there being a variable/parameter which I could set so that it doesn't appear on "top" of the page.

    A picture is worth a thousand words: http://img181.imageshack.us/img181/2...enshot3jr2.gif

    As you can observe, the dropdown menu does not cover the tab resulting in an unwanted behaviour.

    Thx-in-advance.

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

    Default

    This looks like a CSS z-index issue. There is no variable to "toggle" to make the problem go away btw. In the CSS for your suckerflish menu, try giving the class or ID that applies to the DIVs for the drop downs a high z-index:

    Code:
    z-index: 500;

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

    Default

    Thank you for your response. I tried the above suggestions but it doesn't seem to solve my problem. Can you recommend a similar drop down menu that works nicely with the ajax tab content script?

    Ty

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
  •