DD Color Tabs II at center

[Goorgoor]

hi,

how can i move this menu to the center:

http://www.dynamicdrive.com/style/cs...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...

[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?