Visited link rollover not working...

Visited link rollover not working... (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets

Message

cswolf -> Visited link rollover not working... (6/1/2006 11:37:22)

I'm working on a simple web page with a very simple CSS Style Sheet. I had defined the link colors (link, hover, visited, active) and set the rollover feature to only underline links when the mouse rolled over them. This was working fine until I changed the color of my visited links, and now the rollover no longer works on visited links.

Here is my CSS code:

body {
	background-color: #d7d2c2;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body,td,th {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:link {
	color: #b06239;
	text-decoration: none;
}
a:hover {
	color: #c6935f;
	text-decoration: underline;
}
a:visited {
	color: #909090;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color: #C6935F;
}
.survey_footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

Can anyone tell me why this is happening? Thanks.

cswolf -> RE: Visited link rollover not working... (6/1/2006 11:39:56)
Nevermind.... I figured it out. I had to switch the order of the link definitions in the CSS file.

rdouglass -> RE: Visited link rollover not working... (6/1/2006 11:46:50)
quote: the order of the link definitions A common remebering trick is the LoVe-HAte rule: Link,Visited,Hover,Active in that order.

Tailslide -> RE: Visited link rollover not working... (6/1/2006 11:56:20)
Don't forget Focus! Lord Vader Former Handle Annakin

rdouglass -> RE: Visited link rollover not working... (6/1/2006 12:10:36)
quote: Don't forget Focus! Never used it. Never had any problems not using it in terms of validation, etc. Can one expect issues not using it?

dpf -> RE: Visited link rollover not working... (6/1/2006 12:13:47)
quote: Don't forget Focus! how does LVFHA = FOCUS? ...[:D]

Tailslide -> RE: Visited link rollover not working... (6/1/2006 12:40:04)
quote: ORIGINAL: rdouglass quote: Don't forget Focus! Never used it. Never had any problems not using it in terms of validation, etc. Can one expect issues not using it? It's not a validity issue - it's an accessibility issue. Although opinions vary (suprise suprise) I tend to use the same rule for Focus, Hover and Active. There's no issue in not using it, it's just so easy to add it in and beneficial given it's value to accessibility for those that either choose to or have no choice but to use a keyboard for navigation. quote: ORIGINAL: dpf how does LVFHA = FOCUS? ...:) [8\|] It's a memory aid Dan - You must have loads of those at your advanced age!! L (link) V (visited) F (focus) H (hover) A (active)

rdouglass -> RE: Visited link rollover not working... (6/1/2006 13:05:09)
quote: it's just so easy to add it in and beneficial given it's value to accessibility for those that either choose to or have no choice but to use a keyboard for navigation Seems reasonable enough to me to make it a standard part of my pages. Thanks. Always learning something...(or at least hope to[;)])

Donkey -> RE: Visited link rollover not working... (6/1/2006 13:22:16)
I always use the link order as given by our esteemed ex-colleague Gorilla See Here i.e. Lord Vader Handle Formerly Anakin It seems to work OK so I assume that both ways are correct. I keep Focus and Hover identical, as I can't see a logical reason to make them different.

dpf -> RE: Visited link rollover not working... (6/1/2006 13:27:20)
quote: You must have loads of those at your advanced age!! I do but cant remember many.

Tailslide -> RE: Visited link rollover not working... (6/1/2006 14:48:29)
Donkey's right actually - there seems to be competing versions but the LVHFA should trump LVFHA (if you want the Focus effect to have precedence over the hover effect). If you tend to have the focus and hover the same then it doesn't really matter. Another possible pnuemonic: Lord Vader Has a Funky Ass!

Page: [1]

0.046875