Web Design Forums

pauravi · 21-02-2005, 01:05

Hi,
I have a wee little problem here.

If I give the visited, active, hover link states in my css, the links do not display the hover state. As soon as I remove the vlink, a link, the hover starts working but then the default colour (purple) shows in the visited state.

I want all states to be working fine. How do I go about doing this?

smallbeer · 21-02-2005, 02:01

they need to be in a specific order.

a:link { }
a:visited { }
a:hover { }
a:active { }

does that help?

dan · 21-02-2005, 11:02

they do!?

shit.

Bugga, better go check a load of stuff I've done then. Though I've never noticed a problem. Or is it different if you're declaring them together...

a:link, a:visited, a:active { }
a:hover{}

?

roto · 21-02-2005, 11:57

Quote:

Originally Posted by smallbeer

they need to be in a specific order.
a:link { }
a:visited { }
a:hover { }
a:active { }

I've never seen trouble with:

a:link { }
a:visited { }
a:active { }
a:hover { }

smallbeer · 21-02-2005, 13:26

http://www.meyerweb.com/eric/css/link-specificity.html

seen.to · 21-02-2005, 13:39

I think it's just important that hover appears after visited, doesn't matter if there's anything in between... I think.

Brown · 21-02-2005, 14:31

Quote:

Originally Posted by seen.to

... I think.

better to be safe than sorry.

pauravi · 22-02-2005, 01:45

Thank you guys!
I didn't know the order of links was the order of the day ;-)
It's working fine.

21-02-2005, 01:05	#1 (permalink)
pauravi PeaBee Join Date: Dec 2004 Location: India Posts: 63	Link States Hi, I have a wee little problem here. If I give the visited, active, hover link states in my css, the links do not display the hover state. As soon as I remove the vlink, a link, the hover starts working but then the default colour (purple) shows in the visited state. I want all states to be working fine. How do I go about doing this?

21-02-2005, 13:39	#6 (permalink)
seen.to unusual suspect ™ Join Date: Jul 2004 Location: DE, USA Posts: 2,888	I think it's just important that hover appears after visited, doesn't matter if there's anything in between... I think. __________________ [[proverbs and quotes]] [[blog]] [[work]] [[photowebby - some photo's by me]]

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

21-02-2005, 02:01	#2 (permalink)
smallbeer I Ain't Losing Any Sleep™ Join Date: Apr 2003 Posts: 5,200	they need to be in a specific order. a:link { } a:visited { } a:hover { } a:active { } does that help?

21-02-2005, 11:02	#3 (permalink)
dan Iris Folder Join Date: Apr 2003 Location: smokey Posts: 2,643	they do!? shit. Bugga, better go check a load of stuff I've done then. Though I've never noticed a problem. Or is it different if you're declaring them together... a:link, a:visited, a:active { } a:hover{} ?

21-02-2005, 13:26	#5 (permalink)
smallbeer I Ain't Losing Any Sleep™ Join Date: Apr 2003 Posts: 5,200	http://www.meyerweb.com/eric/css/link-specificity.html

22-02-2005, 01:45	#8 (permalink)
pauravi PeaBee Join Date: Dec 2004 Location: India Posts: 63	Thank you guys! I didn't know the order of links was the order of the day ;-) It's working fine.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)