Trasion
11-22-2009, 11:17 AM
My code isn't working.
I have a custom navigation thing, and I want it so when it's hovered, the background image, and border colors change.
Normal code:
.tabsmenuclass a{
background: #373737;
display: block;
padding: 5px 7px;
color: #FFFFFF;
margin-right: 0px;
text-decoration: none;
font: bold 13px Tahoma;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 0px;
}
When hovered:
.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background-color: #00477c url(images/misc/navovly.png) repeat-x top left;
color: white;
font: bold 13px Tahoma;
border-top: 1px solid #006ee3;
border-right: 1px solid #006ee3;
border-left: 1px solid #006ee3;
border-bottom: 0px;
}
Right now the background remains the same when hovered, but the borders change. I want the background to change from gray to that image in the code when hovered, and keep the borders that change too. How do I do this?
I have a custom navigation thing, and I want it so when it's hovered, the background image, and border colors change.
Normal code:
.tabsmenuclass a{
background: #373737;
display: block;
padding: 5px 7px;
color: #FFFFFF;
margin-right: 0px;
text-decoration: none;
font: bold 13px Tahoma;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 0px;
}
When hovered:
.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background-color: #00477c url(images/misc/navovly.png) repeat-x top left;
color: white;
font: bold 13px Tahoma;
border-top: 1px solid #006ee3;
border-right: 1px solid #006ee3;
border-left: 1px solid #006ee3;
border-bottom: 0px;
}
Right now the background remains the same when hovered, but the borders change. I want the background to change from gray to that image in the code when hovered, and keep the borders that change too. How do I do this?