This is the tabs section of main.css
Code:
/* header tabs */
.tabs {
position: absolute;
top: 0px;
right: 0px;
margin: 0px;
padding: 0px;
height: 25px;
width: 80%;
text-align: right;
}
.tabs ul {
margin: 0px;
padding: 0px;
list-style: none;
}
.tabs li {
float: right;
margin: 0px 1px 0px 0px;
padding: 0px;
background: transparent url("images/tab_r.png") no-repeat right top;
height: 25px;
}
.tabs a:link,
.tabs a:visited,
.tabs a:hover,
.tabs a:active
{
display: block;
background: transparent url("images/tab_l.png") no-repeat left top;
margin: 0px 5px 0px 0px;
padding: 5px 10px 5px 15px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
color: #253161;
text-decoration: none;
font-weight: bold;
font-size: 11px;
height: 25px;
outline-style: none;
}
.tabs a:hover {
color: #2863c2;
}
should your suggested code replace the red section (above) or be added in addition too the existing code? I added it in addition to and the links appeared but I did lose the tab appearance... which, if I understand what you're saying correctly, is expected because there just isn't room for it there.
What I can't figure out (cause it seems to me this should be able to work) is why the breadcrumbs can't be pushed down so the speed bar goes across above it.
Am I just failing to understand how this works and it's impossible?