DD Color Tabs II at center

[Goorgoor]

hi,

how can i move this menu to the center:

http://www.dynamicdrive.com/style/csslibrary/item/dd-color-tabs-ii/

??? please help me!

thanks

[lankinator]

try using this for the CSS part:

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#invertedtabs{
margin-left: 4px;
padding: 0;
width: 100&#37;;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
text-align:center;
}

#invertedtabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
margin-bottom: 1em; /*margin between menu and rest of content*/
padding:0;
list-style:none;
}

#invertedtabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
line-height: 1.5em;
}


#invertedtabs a{
float:left;
color: white;
background: #8b0000 url(media/color_tabs_left2.gif) no-repeat left bottom;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}

#invertedtabs a span{
float:left;
display:block;
background: transparent url(media/color_tabs_right2.gif) no-repeat right bottom;
padding:3px 9px 3px 6px;
}

#invertedtabs a span{
float:none;
}


#invertedtabs a:hover{
background-color: #d50509;
}

#invertedtabs a:hover span{
background-color: #d50509;
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color: #d50509;
}

#invertedtabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #8b0000;
border-bottom: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

</style>

warning: not tested

[Goorgoor]

didn't work!

[tech_support]

We need a link to your page!
Also, try this for the CSS:


<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#invertedtabs{
margin-left: 4px;
padding: 0;
width: 100&#37;;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
text-align:center;
margin:0 auto;
}

#invertedtabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
margin-bottom: 1em; /*margin between menu and rest of content*/
padding:0;
list-style:none;
text-align:center;
margin:0 auto;
}

#invertedtabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
line-height: 1.5em;
}


#invertedtabs a{
float:left;
color: white;
background: #8b0000 url(media/color_tabs_left2.gif) no-repeat left bottom;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}

#invertedtabs a span{
float:left;
display:block;
background: transparent url(media/color_tabs_right2.gif) no-repeat right bottom;
padding:3px 9px 3px 6px;
}

#invertedtabs a span{
float:none;
}


#invertedtabs a:hover{
background-color: #d50509;
}

#invertedtabs a:hover span{
background-color: #d50509;
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color: #d50509;
}

#invertedtabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #8b0000;
border-bottom: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

</style>

[Goorgoor]

i don't know why you need a page to help me!!!

can't you just move this menu to the center??? use the same tags on the link i gave in my first post!

NO PAGE...just move the to the center... :confused:

[tech_support]

Yeah. I'll just "magically" move your tabs to the center.

We need to see your page to help you out. Don't worry, we're not going to hack your page or anything.

Just like a firefighter needs access to your home to put out the fire.

[Goorgoor]

seriously...i haven't created any pages yet. just want to know if this menu can be used for the page i have been thinking...how can i give you the page when it's only on paper!!!

[tech_support]

HAVE YOU TESTED THE CSS CODE YET?

[Goorgoor]

yes of course

[tech_support]

And did it work?

[Goorgoor]

are u joking with me????????????? if t worked, would i still post at this thread?:mad:

[tech_support]

Well, haven't you heard of post your results here? You could of said "I tested it and it didn't work" instead of winging and whining about how you want it to be centered.

As I said, post a link to your page so we can help you out. I don't know your code, so I can't do anything about it.

And, do a bit of searching next time.
Here's the solution: http://www.dynamicdrive.com/forums/showthread.php?t=15023

[Goorgoor]

the "solution" works just for rght and left! not the center!
and i have been so clear about my problem, unfortunately the iq of someppl is so low that they can't understand it!

[tech_support]

I am using this contribution (DD Color Tab II) and want to center the tabs (instead of left align).

Read the thread before posting... Also, try the code out. Follow the instructions. Then tell us what you get. Not just "ooh! it doesn't work! i can't get it! that's not the solution!"