navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

Visited link rollover not working...

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> Visited link rollover not working...
Page: [1]
 
cswolf

 

Posts: 46
Joined: 11/9/2005
Status: offline

 
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

 

Posts: 46
Joined: 11/9/2005
Status: offline

 
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.

(in reply to cswolf)
rdouglass

 

Posts: 9187
From: Biddeford, ME USA
Status: online

 
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.

_____________________________

Don't take you're eye off your final destination.

ASP Checkbox Function Tutorial.

(in reply to cswolf)
Tailslide

 

Posts: 5972
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Visited link rollover not working... - 6/1/2006 11:56:20   
Don't forget Focus!

Lord
Vader
Former
Handle
Annakin

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to rdouglass)
rdouglass

 

Posts: 9187
From: Biddeford, ME USA
Status: online

 
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?

_____________________________

Don't take you're eye off your final destination.

ASP Checkbox Function Tutorial.

(in reply to Tailslide)
dpf

 

Posts: 7121
Joined: 11/12/2003
From: India-napolis
Status: offline

 
RE: Visited link rollover not working... - 6/1/2006 12:13:47   
quote:

Don't forget Focus!
how does LVFHA = FOCUS? ...:)

_____________________________

Dan

(in reply to Tailslide)
Tailslide

 

Posts: 5972
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
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? ...:)

:) 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)

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to rdouglass)
rdouglass

 

Posts: 9187
From: Biddeford, ME USA
Status: online

 
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:))

_____________________________

Don't take you're eye off your final destination.

ASP Checkbox Function Tutorial.

(in reply to Tailslide)
Donkey

 

Posts: 3864
Joined: 11/13/2001
From: Blackfield United Kingdom
Status: offline

 
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.

_____________________________

:)

I have a higher and grander standard of principle than George Washington. He could not lie; I can, but I won't.
Samuel Clemens

(in reply to rdouglass)
dpf

 

Posts: 7121
Joined: 11/12/2003
From: India-napolis
Status: offline

 
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.

_____________________________

Dan

(in reply to Tailslide)
Tailslide

 

Posts: 5972
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
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!

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to dpf)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> Visited link rollover not working...
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts