I have two different sets of links in my styles both with different IDs. Ones for the top nav and ones for the sub nav on the side. Both are using a.current but the current state on the top nav is not working in explorer but the current state on the sub nav works just fine in explorer. In firefox both the top nav and the sub nav current state works great. Why is one current state not showing in explorer? Please help.
TOP NAV STYLE:
#menu-bg a:link, #menu-bg a:visited{
float: left;
display: block;
color: #FFF;
text-decoration: none;
padding: 0px;
}
#menu-bg a:hover, #menu-bg a:active{
color: #F8F8C2;
text-decoration: none;
}
#menu-bg a.current{
color: #F8F8C2;
text-decoration: none;
}
SUB NAV STYLE:
a.menulist{
display: block;
color: #7C0C24;
width: 12em;
padding: 0px 0px 0px 0px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0;
}
a.menulist:hover{
display: block;
color: #333333;
width: 12em;
padding: 0px 0px 0px 0px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0;
}
a.menulist:current{
color: #333333;
text-decoration: none;
}
a.current
Possibly because the top one has been declared as #menu-bg a.current{ when it should be #menu-bg a:current{?
Although why it'd work if FF and not IE, I'm unsure...
a.current
Unless I'm missing something here, 'current' is not a pseudo-class! ...I think we need to see your mark-up Starzy. Can you post a link?
a.current
Unless I'm missing something here, 'current' is not a pseudo-class!
Er, yes, that's what I meant to say. :oops:
a.current
a.menulist:current{ color: #333333; text-decoration: none; }
does not exist
it's a:link, a:visited, a:hover or a:active ... there is no a:current :?
a.current
a.menulist:current...does not exist
That's what I said :? :? :?
a.current
karinne wrote:a.menulist:current...does not exist
That's what I said :? :? :?
ooooops :oops: hehe... don't mind me