Results 1 to 7 of 7

Thread: jQuery Drop Line Tabs

  1. #1
    Join Date
    Nov 2009
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default jQuery Drop Line Tabs

    hi

    http://www.dynamicdrive.com/style/cs...rop_line_tabs/

    i am using jQuery Drop Line Tabs
    and i have couple of ?
    1 is there a way to center the tabs that it will apear centered in the page and not left or right.
    2 is there a way that the sub menu will apear directly under the active tab
    and not in the left corner .

    thx

  2. #2
    Join Date
    Aug 2009
    Location
    charset utf-8
    Posts
    156
    Thanks
    4
    Thanked 5 Times in 5 Posts

    Lightbulb

    Try doing something like this:
    Code:
    .droplinetabs{
    overflow: hidden;
    border-bottom: 1px solid gray; /*underline across bottom of main tabs*/
    margin-left: 50px; 
    margin-right: 50px;
    }
    Replace that with the current .droplinetabs in the droplinetabs.css file.
    Note that it will only fix question one. I have no idea what your talking about in question two.

    I also attached a complete css file with the above code added to it.
    Study that if lost

  3. #3
    Join Date
    Jan 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Did you ever find out how to align the child to the parent item?

  4. #4
    Join Date
    Feb 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Is there a way to make the links in the dropdown line up vertically instead of horizontally.

    To be clear, have the submenu items in list like this

    link1
    link2
    link3
    link4

    instead of

    link 1 link2 link3 link4

  5. #5
    Join Date
    Sep 2008
    Location
    Seattle, WA
    Posts
    135
    Thanks
    1
    Thanked 11 Times in 11 Posts

    Default

    Shaggy, this menu is built specifically as a 'drop line' type. What you want is one of the 'drop down' types. Otherwise you'd have to do a major rewrite of this one. They have a bunch of 'drop down' types in their CSS showcase.

  6. #6
    Join Date
    Feb 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks. That's what I thought, I'm actually pretty good with CSS but I was hoping someone might have a hack.

    If anyone has any links for a nav with tabs and a drop down menu please post them, they are hard to come by.

    I'm customizing Example 1 from
    http://www.dynamicdrive.com/dynamici...roptabmenu.htm

    to look more like jQuery Drop Line Tabs, I'll post the code when I'm done if anyone is interested.

  7. #7
    Join Date
    Feb 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Thank you and help...

    Quote Originally Posted by FrickenTrevor View Post
    Try doing something like this:...
    I wanted to say thank you for this post, as it helped me figure out where I needed to push the left margin in order to center it (since auto isn't working).

    Now to drudge up an old thread here... I am having a new issue:

    If you visit this site you can see what I refer to in the following:

    The dropline tabs themselves work great! The only problem I have is that with the left margin being pushed 9px in order to center the list, the sub level list starts at the specified left margin (good) but goes all the way to the right edge (bad). How can I get it to stop at the right edge of the "client zone" tab so it looks balanced?

    (note the index2.html page is the only page dropline is initiated and only via direct link... I want to get this right before pushing it to the rest of the site)

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
  •