visited link problems with CSS 1

[Zarcom]

I have the following defined in my CSS file/

A.Banner:link
{
color: White;
text-decoration: none;
}

A.Banner:hover
{
color: #ffc400;
text-decoration: none;
}

A.Banner:visited
{
color: White;
text-decoration: none;
}

The problem is that after the link has been visited the hover will not show up. How do I create my CSS so that when the link has been visited a user will still be able to hover over the link and see the different style?


That'l do donkey, that'l do
Mark
If you are unsure of forum etiquette check here faq796-2540

 

[SPYDERIX]

Hi,

Your CSS should be like this:

a.Banner:link
{
color: White;
text-decoration: none;
}

a.Banner:active
{
color: White;
text-decoration: none;
}

a.Banner:visited
{
color: White;
text-decoration: none;
}

a.Banner:hover
{
color: #ffc400;
text-decoration: none;
}

Hope this helps!

Nate

http://www.mainframe-webdesign.com

 

[Zarcom]

Thanks that worked! Could you tell me why it worked though? Is it the order of the pseudo-class or the addition of the active pseudo-class?

That'l do donkey, that'l do
Mark
If you are unsure of forum etiquette check here faq796-2540

 

[greelmo]

yes, it worked because hover should ALWAYS be the last thing addressed... i had the same problem when i first started css... you'll get used to it.

Later,
Greelmo

http://www.scriptingsolutions.tk