Hi, I'm trying to make rollovers for the horizontal navigation of my forum, but I can't quite figure out the CSS.
My current navigation is basically made up of an x-repeating image. For the rollover, I plan on switching that image with another for a certain tab. I've test a few ideas out, none of which have worked, so I'm pretty much stumped.
Here's the relevant part of my current CSS stylesheet:
Code:
.menubar
{
background: #5371AD url(images/lightnavy/menubar.gif) repeat-x;
color: #FFFFFF;
}
.menubg , tr.menubg td
{
background: #5371AD url(images/lightnavy/menubar.gif) repeat-x;
color: #FFFFFF;
}
.menubg2 , tr.menubg2 td
{
background: #13316D url(images/lightnavy/menubarSelected.gif) repeat-x;
color: #FFFFFF;
}
.menubg a:link, .menubg a:visited , .menubg2 a:link, .menubg2 a:visited
{
color: #FFFFFF;
}
.menubg a:hover, .menubg2 a:hover
{
color: #E3DEFA;
}
.memberbardiv
{
background: transparent url(images/lightnavy/memberbar.gif) repeat-x;
}
.memberbardivbottom
{
background: transparent url(images/lightnavy/memberbar2.gif) repeat-x;
}
.memberbar, tr.memberbar td
{
}
.memberbar a:link, .memberbar a:visited
{
color: #13316D;
}
.memberbar a:hover
{
color: #0051D0;
} I'm not 100% sure how it works, though I'm almost positive that you should focus on the menubg and the menubg hover parts of the stylesheet, but I included everything else just to be sure.
All help appreciated - thanks in advance!