Log in

View Full Version : Two level CSS Tabs menu



ayo
12-29-2008, 05:58 PM
Hi!
http://www.dynamicdrive.com/style/csslibrary/item/two-level-css-tabs-menu/ :

I found this useful explanation for a navigation on my website, is there anyone who can help me to align the tabs, for my website I would have tabs without spaces.

best regards :) ayo

Snookerman
12-29-2008, 06:05 PM
I'm not sure I understand what you want to do, could you please elaborate?

Nile
12-29-2008, 06:07 PM
Snookerman: That will not work.

Next time you need help with a script on DD, please post it in the "Dynamic Drive scripts help (http://www.dynamicdrive.com/forums/forumdisplay.php?f=2)"

To remove the space find:


#maintab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: black;
background: white;
}

And remove the highlighted.

ayo
12-29-2008, 06:39 PM
Hi!

First thank you for your reply, I´m always wondered how fast the internet works. Second my Question was, how can I reduce the space between the tabs without loose the look of the tabs. third I want you to take a look to understand my problem : the source here is the original from the css box



best regards :) ayo

Snookerman
12-29-2008, 06:44 PM
Try this:

#maintab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 1px;
border: 1px solid #778;
color: black;
background: white;
}

ayo
12-29-2008, 07:00 PM
Hi!

It would not work, what I want is eleminate the spacer completly with the border to move the tabs to each other.

best regards :) ayo

Nile
12-29-2008, 07:03 PM
Why not just use:
http://www.dynamicdrive.com/style/csslibrary/item/matt_black_tabs/

Or are you using the second level?