hmmm - you may wanna make sure your tabs code is not within any <div> or <table> tags - If it is - you may consider adding align="center" --- Other than that - the initial tab code calls for the .djdot class - which in my tabcontent.css is set as:
Code:
.djdot{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}
.djdot ul{
margin: 0;
padding: 0;
float: center;
/* width: 80%; width of menu*/
}
.djdot ul li{
display: inline;
background: url(djdotbg.gif) center center;
background-repeat: no-repeat
}
.djdot ul li a{
float: center;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
background: url(djdotbg.png) center center;
background-repeat: no-repeat
}
.djdot ul li a:visited{
color: white;
background: url(djdotbg.gif) center center;
background-repeat: no-repeat
}
.djdot ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: url(djdotbg2.png) center center;
background-repeat: no-repeat
}
BTW - Thanx again JEDI for the wonderful modification.
I love it! Adds a web2.0 style with simplicity and class