Topic awaiting preservation: Visited Links Don't Hover

I've accepted this quirk for a long time, but I've noticed that other sites' visited links will still hover and it's starting to bug me that mine don't.

What I'm talking about is defining in CSS a link color, a visited color and a hover color. When the mouse rolls over an unvisited link, it changes to the hover color. Click on it and it changes to the visited color. Roll over it again and it stays the visited color -- at least on my pages.

I've looked at the style sheets of other sites and I see no obvious difference, yet their visited links will still change to the hover color.

Am I making sense? Am I reaching anyone? Am I overstimulated? Like to doodle, sketch or paint? Do you want to make more money? Sure, we all do.

Wes: Interesting problem. What browsers are you having this problem in? I've just checked your site:
www.bigwaste.com

If that is the one you are talking about and I can't get a hover in IE5/WinNT. Some possible solutions:

1. Naming conventions - I wouldn't use hyphens in style names like A.home-quote:hover and I wonder if that is the problem.

2. Simplify things to a simple A:hover and see how that works and then add in the extra classes.

I'm sure I've read about such a problem but I can't pin it down yet, however, I suspect that might fix things. Give it a try and get back to us on the results.

[edit: Ah I wonder if this is to do with the ordering of link styles hmmm this isn't quite what I was thinking of but have a read through this:
www.people.fas.harvard.edu/~dbaron/css/1999/09/links

I'll try and find exactly what I was thinking of]

[edit2: have a look at: www.richinstyle.com/masterclass/links.html ]
Emps


You're my wife now Dave

[This message has been edited by Emperor (edited 11-15-2001).]

[This message has been edited by Emperor (edited 11-15-2001).]

FWIW I don't get any hover effects on lins period on your site Wes....visited or not.

dunno what yer prob is wes, seems to work for me (in that little blue box, anyways.)
maybe it;s browser versions.
i would suggest that if it still aint workin in some versions, mebbe make sure that a:hover is AFTER a:visited.
just a thought.

___________________
b u n c h a p i x e l s

I have had the same problem, and then the reason was the one emperor mentioned - the order of the tags in the style sheet.

You need to put the A:hover after A:visited

Wes: One thing I noticed is that although the hover style works on the blue links if, for example, I click on a link and then go back (like the Star Trek link on the main page) the visited link keeps its focus and so the hover style stops working. Is this what you meant. It can be fixed I think and is realted to the fact that a:focus is not implemented on many browsers yet.

Emps


You're my wife now Dave

Wes,

I concur with needing to define your styles in this order:

.myclass { ... }
A.myclass:active { ... }
A.myclass:visited { ... }
A.myclass:hover { ... }

Also, for you main links at the bottom of your home page, I don't think the <span> tag having the class name is going to work. I think you need to include it in each of your anchor tags.

I also concur. Crossed this bridge before.

I've addressed the hyphen-in-the-name possibility before; didn't seem to make a difference.

As for the rollovers working in the blue box, underlines still seem to work. However, the color still remains the same. Since I rarely use an underline as a hover, it's the color changing that I'm worried about.

I would not have thought of style order. I'll definitely try that when I get home.

(Bugimus: I haven't defined specific link styles for the menu at the bottom of the home page. I use span because I'm only concerned about the font and its size.)

The home page of The Big Waste of Space isn't the best example of a page that I'm having problems with -- I should've given a specific link. I'll work with this on a new site I'm working on and show you guys the result.

Thanks a lot!

Wow! I can't believe the order of the classes would make the difference!

This has aggravated me for longer than I can remember.

Thanks very much!

I had the exact same problem, up until a few months ago, when someone in #html on DalNet told me that the order of a css document is important!

I couldn't believe it either!