css, how to eliminate vlinks?

[nikobe]

my site has all its links hadled by my stylesheets, everything is working on my mac, on a PC though, after using a link once it becomes a vlink - even though i want it to treat every link as if never visited, thus always a:hover text decoration: underline - does anybody know what to do in this case?

thanks in advance!

/nikobe

[Stefan]

???

Could you show the code you are using and perhaps?

[ShrineDesigns]

set each of the a:link a:visited a:active and a:hover to the same thing

[nikobe]

Thanks ShrineDesigns,

the problem is the links are all text deco: none but a:hover is text decoration underline, so once visited that rollover underline does not work anymore, but i saw other sites (e.g. villagevoice.com) have that and it works. So there must be a way.

[Stefan]

Originally posted by nikobe
Thanks ShrineDesigns,

the problem is the links are all text deco: none but a:hover is text decoration underline, so once visited that rollover underline does not work anymore,

You need to place your CSS rules in the correct cascading order then.

Most likely you have then something like this

:link{text-decoration:none}
:hover{text-decoration:underline}
:vistited{text-decoration:none}

The Cascading rules of CSS thus states that once a link is visited it will NEVER have an underline, since the Visted rule is "stronger".

If you place them like this it will work
:link{text-decoration:none}
:vistited{text-decoration:none}
:hover{text-decoration:underline}

[nikobe]

thanks Stefan, i think that's it - i will try it out - funny thing my mac does not have this problem, only the windows machines seem to read it this way. happy saturday!

/nikobe

[Stefan]

Originally posted by nikobe
thanks Stefan, i think that's it - i will try it out - funny thing my mac does not have this problem, only the windows machines seem to read it this way. happy saturday!

/nikobe

It's not a win/mac thing, but a buggy browser thing.

If you test eg with Opera or NS 7 on mac it should behave just as on your Windows comp.

[gabatronn]

Stefan,

I'd just finished a page with CSS rollover buttons (no images) and was just going through testing the links and realised that the visited links had stopped rolling over. I've been searching for the last 1/2hr and you have finally given me the answer. Thanks so much!!!
Gabrielle

You need to place your CSS rules in the correct cascading order then.

Most likely you have then something like this

:link{text-decoration:none}
:hover{text-decoration:underline}
:vistited{text-decoration:none}

The Cascading rules of CSS thus states that once a link is visited it will NEVER have an underline, since the Visted rule is "stronger".

If you place them like this it will work
:link{text-decoration:none}
:vistited{text-decoration:none}
:hover{text-decoration:underline}