a webmaster learning community
     Home    Register     Search      Help      Login    
FrontPage Alternative
Sponsors

Hosting from $3.99 per month!

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

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

 

Links Question

 
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 and Accessibility >> Links Question
Page: [1]
 
metrov

 

Posts: 22
Joined: 4/21/2005
Status: offline

 
Links Question - 4/26/2005 16:57:51   
Hi,

I've created a style sheet for my default and secondary links.  I do not want the 'visited' links to be different than the intial state.

The initial state is plain text.
The hover state is a different color with an underline.
The active is same as initial.
The visited is same as initial.

The problem is, once the link has been visited, I no longer get the 'hover' affect.  It does not change upon rollover because it's behaving as 'visited' which is the same as initial. 

But I've seen numerous examples where the hover affect continues to occur even once the link has been visited.  But I can't get this to work even after visiting countless CSS Tutorial and sample sites.

Can someone direct me to a link pertaining to what I'm looking for?  Or provide some pointers?

Thanks very much
jaybee

 

Posts: 14207
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Links Question - 4/26/2005 17:36:17   
Since a link can be in more than one state at a time, i.e. simultaneously active and hovered over, you have to define the rules in the correct order:

link
visited
focus
hover
active




_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to metrov)
metrov

 

Posts: 22
Joined: 4/21/2005
Status: offline

 
RE: Links Question - 4/26/2005 17:41:24   
Yes, I have them in that order.  Still, hover doesn't work after link has been visited.  However, I don't have the 'focus' state.  Not familiar with that one.  Can you explain 'focus' please?

Thnx

(in reply to jaybee)
metrov

 

Posts: 22
Joined: 4/21/2005
Status: offline

 
RE: Links Question - 4/26/2005 18:48:49   
Ok, nevermind.  It suddenly just started working fine.  I have no idea why it wouldn't work before.  I changed nothing.  There are certain planetary alignments that definitely affect technology, computers, code and software.

(in reply to metrov)
jaybee

 

Posts: 14207
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Links Question - 4/27/2005 4:58:32   
I must admit I've never used the focus class but it's the subject of user interaction in a document (e.g., for entering text, selecting a button, etc.).

Glad planet gremlin has moved on. :)



_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to metrov)
Donkey

 

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

 
RE: Links Question - 4/27/2005 6:13:38   
I thought that focus comes after hover in the order.  At least if you believe the gospel according to Gorilla.:)  It works that way round anyway.

Personally I see little or no  benefit in having a separate state for "visited" and "active", I think it makes the page more attractive if the only change is when in the "hover" or "focus" state.

So I advocate using the code like this:

a,
 a:link,
 a:visited {
 ("Normal" settings go here)
 } 
 
 a:hover,
 a:focus {
 ("On hover" settings go here)
  } 
 
 a:active {
  ("Normal" settings go here)
  } 
 
 


Then the only change in the link is when you hover over it or focus on it by hitting the tab key.


_____________________________

:)

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

 

Posts: 14207
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Links Question - 4/27/2005 9:34:03   
My oracle says LVFHA but I only ever use LVHA

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Donkey)
d a v e

 

Posts: 4194
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
RE: Links Question - 4/27/2005 12:17:54   
i had it down as Link, Visited, Hover, (focus), Active  - LVHFA and if i remember i tested it and that's what it came out as , but i'm not 100% sure ;) 

_____________________________

David Prescott
Gekko web design

(in reply to jaybee)
Donkey

 

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

 
RE: Links Question - 4/27/2005 13:14:18   
This Guy agrees with Gorilla.

_____________________________

:)

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 d a v e)
jaybee

 

Posts: 14207
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Links Question - 4/27/2005 16:43:27   
WELL MY BOOK DOESN'T.  Humph! :)

I told you I never use focus so I don't know if it works or not but the book says.......




:)

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Donkey)
Donkey

 

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

 
RE: Links Question - 4/27/2005 19:01:48   
quote:

I never use focus so I don't know if it works or not
Just out of curiosity why not.  You are a champion of accessibility and to me it helps make the site accessible (at least to those amongst us who suffer from mouse deficiency).

_____________________________

:)

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 jaybee)
metrov

 

Posts: 22
Joined: 4/21/2005
Status: offline

 
RE: Links Question - 4/27/2005 20:08:27   
Explain 'focus', please.  I've never used it, only heard of it recently, not familiar with it.  What is it, how does it work?  Thnx

(in reply to Donkey)
c1sissy

 

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

 
RE: Links Question - 4/27/2005 20:52:11   
Metrov, if you look up the css specs you will find the def of focus, and the rest of what is actually called the "pseudo" classes, or links. Try using that as your search. And if you search css2 specs with the pseudo class, you might get a few tutorials with focus in them.

I believe that focus has to do with tab key. And if memory serves correctly it is used in forms mostly. So try a search on pseudo class focus and see what that brings up for you. I dont use focus, so I am not really familar with it, i'm just trying to remember what I have read during my readings for you. I hope that I have been some help for you.

_____________________________

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 metrov)
d a v e

 

Posts: 4194
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
RE: Links Question - 4/27/2005 23:52:43   
it's also part of the link state when you click on a link there's a feint dotted grey box around it - you can style this using the focus pseudo-class, if you want  

_____________________________

David Prescott
Gekko web design

(in reply to c1sissy)
Donkey

 

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

 
RE: Links Question - 4/28/2005 3:35:33   
Simply put; if you style the focus state exactly the same as the hover state then someone who naviagtes using the tab key (to move through the links in order) will see exactly the same effect when the link is in "focus" (i.e. ready to be "clicked" by pressing enter) as the "normal" user who places the cursor over the link.  I think everyone should use it.  Why not? - it doesn't cost you anything and IMHO it improves site accessibility.

_____________________________

:)

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 d a v e)
jaybee

 

Posts: 14207
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Links Question - 4/28/2005 4:30:16   
I use tabkeys but I've always just gone with the fact that the cursor is sitting there blinking away or the default highlight of little grey dots.

I'll stick a focus into one of my style sheets and see what happens.

[edit]took it out again. Did some very odd things. It really needs to go into the planning stage. I'll include it on the new site I'm doing.


< Message edited by jaybee -- 4/28/2005 4:37:43 >


_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Donkey)
metrov

 

Posts: 22
Joined: 4/21/2005
Status: offline

 
RE: Links Question - 4/28/2005 8:49:30   
Thanks Donkey,

Didn't even know the tab key could do that.  I just tried it on this forum page, and yup, sure enough, I can tab from one link to the next, and you can see the little dashed outline around each link.  This is handy considering that I've developed carpel tunnel syndrome in the last year, and need to learn to use keys more [and my left hand].



(in reply to jaybee)
c1sissy

 

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

 
RE: Links Question - 4/28/2005 9:07:30   
Hi Metrov
http://www.google.com/search?sourceid=navclient&ie=UTF-8&rls=GGLD,GGLD:2005-15,GGLD:en&q=Pseudo+classes

Try out the google link above it has links to the pseudo classes in it that might help you out.

_____________________________

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 metrov)
Page:   [1]
OutFront Discoveries

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Links Question
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