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

 

a:visited over-ruleing a:hover

 
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 >> a:visited over-ruleing a:hover
Page: [1]
 
Chimpanzee

 

Posts: 3
Joined: 5/22/2005
Status: offline

 
a:visited over-ruleing a:hover - 5/22/2005 19:32:25   
Hi everyone.

I'm new to CSS but i am really starting to see it's benefits.

I am having one problem though:
I have specified hyperlink appearanced in CSS but on the page they don't seem to work in some cases. These are the entities i have customised:

a:hover     { color: #6C0000; text-decoration: underline }
a:link         { text-decoration: none; color: #2E2E2E }
a:visited    { text-decoration: none; color: #2E2E2E }
a:active     { text-decoration: none; color: #4A414A }

It seems that after a hyperling becomes visited it ignors the hover effect. Either that, or the a:visited tag is over-ruleing the a:hover tag.

Can someone please help asap.

Thanks.
Kitka

 

Posts: 2512
Joined: 1/31/2002
From: Australia
Status: offline

 
RE: a:visited over-ruleing a:hover - 5/22/2005 20:21:24   
Hi,

Welcome to OutFront forums!


quote:

It seems that after a hyperling becomes visited it ignors the hover effect. Either that, or the a:visited tag is over-ruleing the a:hover tag.


I think you are on the right tack there.

The links need to be expressed in a definite order e.g.

a:link { text-decoration: none; color: #2E2E2E }
a:visited { text-decoration: none; color: #2E2E2E }
a:hover { color: #6C0000; text-decoration: underline }
a:active { text-decoration: none; color: #4A414A }

a:hover must come after a:link and a:visited in the definition in order to be effective.

_____________________________

Kitka
**It is impossible to make anything foolproof because fools are so ingenious.**


(in reply to Chimpanzee)
Tailslide

 

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

 
RE: a:visited over-ruleing a:hover - 5/23/2005 2:29:27   
Spot on Kitka

Remember: LoVe and HAte with the capitals representing the selector initials

_____________________________

"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 Kitka)
Chimpanzee

 

Posts: 3
Joined: 5/22/2005
Status: offline

 
RE: a:visited over-ruleing a:hover - 5/23/2005 6:03:20   
Thanks.

That suggestion has worked on most of the links but not on a couple. I can't think what the problem is.

Thanks

(in reply to Chimpanzee)
Kitka

 

Posts: 2512
Joined: 1/31/2002
From: Australia
Status: offline

 
RE: a:visited over-ruleing a:hover - 5/23/2005 6:29:23   
quote:

That suggestion has worked on most of the links but not on a couple.


If you post a URL of the problem links/pages we might be able to help.

_____________________________

Kitka
**It is impossible to make anything foolproof because fools are so ingenious.**


(in reply to Chimpanzee)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: a:visited over-ruleing a:hover - 5/23/2005 17:43:43   
Before you post a link, let me make a few suggestions.
First, make sure you validate your xhtml/html.
Second, make sure you validate your css.

You just might find after you do this that everything is ok.

Sometimes, something that we have done previous to where the styles aren't working could be something that we did up farther in the styles.

If you can't post a link, post the css, and some of your html/xhtml.

< Message edited by c1sissy -- 5/23/2005 17:50:41 >


_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to Kitka)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> a:visited over-ruleing a:hover
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