HERES THE HTML (LEAVE THE CONDITIONS IN THEY ARE PART OF MY SCRIPT)
> Forums
class="active" >Articles
class="active" >Reviews
class="active" >Blogs
class="active" >Web Mail
class="active" >Arcade
Freerolls
HERES THE CSSS
td.subtab {
background-color:#D2E7FB;
font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
}
a.subtab {
text-decoration: none;
}
.subtab a:hover {
text-decoration: underline;
}
#sections a {
color: #156D98;
text-decoration: none;
font-weight: bold;
}
td#sections {
vertical-align: bottom;
}
/* Set list behaviour for #sections */
ul#sections {
list-style: none;
margin: 0;
padding: 0;
}
#sections li a {
background: url(../../middle-light.gif);
}
#sections li {
float: left;
text-align: center;
}
#sections li a {
display: block;
width: 100px;
height: 25px;
line-height: 25px;
}
#sections li a:hover,
#sections li a.active {
background: url(../../middle-dark.gif);
color: White;
}
#sections li.first a {
padding-left: 30px;
background: url(../../left-light.gif);
}
#sections li.first a:hover,
#sections li.first a.active {
background: url(../../left-dark.gif);
}
#sections li.last a {
padding-right: 30px;
background: url(../../right-light.gif);
}
#sections li.last a:hover,
#sections li.last a.active {
background: url(../../right-dark.gif);
}