hey man,

You HAVE TO specify them in order, even if they don't do anything:

A:link
A:visited
A:active
A:hover

Link, visited, active, then hover.

If you skip one, it wont work. I don't know why, but it's been common knowledge for some time.

Try that.

also why are you accessing them by classname,

have you tried .linktop a:xxxxx ?


http://www.echoecho.com/csslinks.htm for more info (towards the end)

Thanks mate

BUT the "active" class does not work.

This is what I got:

Any other idea of WHY the active class is not working?

??

[DELETED]

Try this:

What Johnny said.

I think it says that in the link i gave you. but you have to add: a:XXXX after the class reference.

Johnny's on the right track, but most likely it will not work for you since it seems that your <a> tag is what has the linkactive class applied.

The "active" pseudoclass can only be applied to an "a" element. So, you may need to do it this way:

a.linktop:active { /* your stuff here */ }

PS: Another quick note. You do NOT have to have all 4 pseudo-classes applied for them to work. I'm not sure where that came from. It's NOT common knowledge as mentioned above. I've been doing this a long time and have NEVER declared anything but the :hover and :visited pseudoclasses. The others are pretty much useless. Which leads to the next question.

Why are you using the :active pseudoclass to apply a bold styling to the font. Do you know that the :active pseudoclass is only going to get applied while someone is actively clicking on a link? Once clicked, they'll most likely be going to a new page where the link will no longer be active. There are certainly times that the :active pseudo is useful, but most often it's not.

If you're trying to highlight the link that equates to the page or section that the user is currently visiting, then you'll need to do that by applying a different class to the link you want to highlight like

<a class="current" href="blah">

Thanks guys,

Does not work so far BUT heres the html code:

can you link to your website?