How to center tabs in DD Color Tab II

**manjeet** · 11-20-2006, 01:31 AM

I am using this contribution (DD Color Tab II) and want to center the tabs (instead of left align). What changes do I need to make? Please look at example page - http://www.nightstay.us/footer.html

Thanks for your help!
Manjeet

**coothead** · 11-20-2006, 06:05 PM

Hi there manjeet,

and a warm welcome to these foums.

Firstly, to get IE out of Quirks Mode always use a full DOCTYPE...

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

...instead of...

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0  Transitional//EN">

Secondly change this in your stylesheet...

Code:


#invertedtabs {
   margin-left: 4px;
   padding: 0;
   width: 100%;
   background: transparent;
   voice-family: "\"}\"";
   voice-family: inherit;
   padding-left: 5px;
}

...to this...

Code:


#invertedtabs {
   margin:auto;
   width: 510px;
   background-color: transparent;
   voice-family: "\"}\"";
   voice-family: inherit;
}

coothead

**manjeet** · 11-20-2006, 08:43 PM

Thanks coothead, it worked like a charm! I knew there were still good people on this earth. :-) Thanks for the warm welcome!

I was playing around with "#invertedtabs ul" section after seeing other contributions, and had put "text-align:center" directive and was hoping for it to work, like a switch - left/center/right! Obviously, it has no value.

Thanks again!
Manjeet

**coothead** · 11-20-2006, 09:05 PM

No problem, you're welcome.

**tech_support** · 11-20-2006, 10:14 PM

Next time,

Warning: Please post all Dynamic Drive Script Related Questions here

**marif** · 01-20-2007, 06:59 PM

Thanks so much for the CSS on centering the tabs! The DD Color Tab II tabs look terrific on the site I had built (Balletpacifica.org). I applied the new definition for #invertedtabs and it works great!

Mari

**coothead** · 01-20-2007, 08:49 PM

http://www.dynamicdrive.com/forums/s...07&postcount=4

**gfin19** · 01-24-2007, 02:09 PM

What would you do to make it align right?

**coothead** · 01-24-2007, 02:57 PM

Originally Posted by gfin19

What would you do to make it align right?

change this...

Code:

#invertedtabs {
   margin:auto;
   width: 510px;
   background-color: transparent;
   voice-family: "\"}\"";
   voice-family: inherit;
}

...to this...

Code:

#invertedtabs {
   float:right;
   width: 510px;
   background-color: transparent;
   voice-family: "\"}\"";
   voice-family: inherit;
}

coothead

**gfin19** · 01-24-2007, 03:25 PM

I should have thought of that, thanks again.

Thread: How to center tabs in DD Color Tab II

Thread Tools

Search Thread

How to center tabs in DD Color Tab II

align the menu right

Bookmarks

Bookmarks

Posting Permissions