Hey guys, I'm sure by now you've all noticed that the selected state for the navigation tabs sits too high and looks tacky.
Rather than complaining about it, I've just fixed it for you - just use update this code in your stylesheets and it will display properly.
Heres what you have now (main-rollup.css)
Code:
.navtabs li.selected a.navtab {
color:#111111;
background:#7EBBE0 url(http://forums.justcommodores.com.au/images/gradients/selected-tab-gradient-with-top-alpha.png) repeat-x ;
_background-image:none;
position:relative;
top:-4px;
padding-top:4px;
z-index:10;
}
Here is the updated code for that class (just find it in your the stylesheet and replace it with this one.
Code:
.navtabs li.selected a.navtab {
color:#111111;
background:#7EBBE0 url(http://forums.justcommodores.com.au/images/gradients/selected-tab-gradient-with-top-alpha.png) repeat-x 0 -4px ;
_background-image:none;
position:relative;
z-index:10;
}
I think someone may have tried to fix it by adding in the padding-top:4px, but this is ineffective. I've removed the un-needed padding and instead moved the background image and the tab its-self down 4px to fit inline with the rest of the navigation. Give me a shout if you need anymore help with the site... I am a web developer after all.
If you like I'll post a pic of what it is now and what the updated code will change it too... but it's pretty straight forward.