Closed Thread Icon

Topic awaiting preservation: Visited Links Don't Hover (Page 1 of 1) Pages that link to <a href="http://ozoneasylum.com/backlink?for=7934" title="Pages that link to Topic awaiting preservation: Visited Links Don&amp;#039;t Hover (Page 1 of 1)" rel="nofollow" >Topic awaiting preservation: Visited Links Don&#039;t Hover <span class="small">(Page 1 of 1)</span>\

 
Wes
Paranoid (IV) Mad Scientist

From: Inside THE BOX
Insane since: May 2000

posted posted 11-15-2001 10:04

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.


Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted posted 11-15-2001 14:31

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).]

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

posted posted 11-15-2001 17:28

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

bunchapixels
Neurotic (0) Inmate
Newly admitted
posted posted 11-15-2001 22:59

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

ZOX
Bipolar (III) Inmate

From: Southern Alabama, USA
Insane since: Sep 2000

posted posted 11-15-2001 23:32

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

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted posted 11-16-2001 03:11

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

Bugimus
Maniac (V) Mad Scientist

From: New California
Insane since: Mar 2000

posted posted 11-16-2001 08:31

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.


sonicsnail
Bipolar (III) Inmate

From: Scotland
Insane since: Jun 2001

posted posted 11-16-2001 12:33

I also concur. Crossed this bridge before.

Wes
Paranoid (IV) Mad Scientist

From: Inside THE BOX
Insane since: May 2000

posted posted 11-19-2001 02:48

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!


Wes
Paranoid (IV) Mad Scientist

From: Inside THE BOX
Insane since: May 2000

posted posted 11-25-2001 00:38

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!


mjv
Bipolar (III) Inmate

From: Perth, Australia
Insane since: Aug 2000

posted posted 11-25-2001 08:50

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!

« BackwardsOnwards »

Show Forum Drop Down Menu