jQuery Drop Line Tabs

[snio]

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

[FrickenTrevor]

Try doing something like this:

.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

[elvstine]

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

[shaggy]

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

[simcomedia]

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.

[shaggy]

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.

[tweberis]

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)