Keeping Visited Values the Same ?

#1

How can I assign a hover value and a link value, and maintain them if
the link has been visited ?

If I set up a visited link, the hover option is overrun - ??

#2

Hey M. Kinstlinger,

No this is easy. Actually quite easy. All you do is use the visited
psuedo class.

I'll make a mockup for ya! Here's the CSS code (put in your external
CSS document or in the <head> tags:

/* Creates the font, font size, and font color of the hyperlink */
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ff9900;
}
/* Creates the font, font size, and font color of the hyperlink, if
visited */
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ff9900;
}
/* Creates the font, font size, and font color of the hyperlink when
mouse is currently being pushed */
a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ff9900;
}
/* Creates the font, font size, and font color of the hyperlink when
your mouse is over it */
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ff9900;
}

now just add the XHTML in your document:

<a href="www.google.com">Click Here</a>
Hope this helps resolve your problem.

Best Regards,
Drew Decker

#3

On 17 Nov 2004 15:32:17 -0800, <drewrockshard (AT) gmail (DOT) com> wrote:

Quote:

I'll make a mockup for ya! Here's the CSS code

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

Problem - Active will be overruled by hover. The best order (I'll include
focus as well) is

link
visited
focus
hover
active

Las Vegas Free Hotel Accomodations

#4

Neal wrote:

Quote:

Problem - Active will be overruled by hover. The best order (I'll
include focus as well) is

Correct.

Quote:

link
visited
focus
hover
active

Actually, it's:
link
visited
hover
focus
active

Which is easily remembered by the acronym: LVHFA [1], or
Lord Vader's Handle Formerly Anakin
Without focus, then it's LoVe HAte.

[1] http://www.mezzoblue.com/css/cribsheet/#lovehate

--
Lachlan Hunt
http://lachy.id.au/
http://GetFirefox.com/ Rediscover the Web
http://SpreadFirefox.com/ Igniting the Web

#5

On Thu, 18 Nov 2004 05:35:39 GMT, Lachlan Hunt <spam.my.gspot (AT) gmail (DOT) com>
wrote:

Quote:

link
visited
hover
focus
active

Really? Ok, but why?

#6

Neal wrote:

Quote:

On Thu, 18 Nov 2004 05:35:39 GMT, Lachlan Hunt <spam.my.gspot (AT) gmail (DOT) com
wrote:

link
visited
hover
focus
active

Really? Ok, but why?

Cause that's what it said in Dave Shea's CSS Crib Sheet that I linked
to, but now that I've thought about, it really depends how you want it
to work. I could only find articles that discus :link, visited, hover
and active, but nothing that mentions focus as anything important. So,
it should be fine to interchange hover and focus, depending on what
works best for the author.

--
Lachlan Hunt
http://lachy.id.au/
http://GetFirefox.com/ Rediscover the Web
http://SpreadFirefox.com/ Igniting the Web

#7

So, I just need to add the 'active' tag.
Thanks, Drew.

drewrockshard (AT) gmail (DOT) com wrote in message news:<1100734337.046098.99980 (AT) f14g2000cwb (DOT) googlegroups.com>...

Quote:

Hey M. Kinstlinger,

No this is easy. Actually quite easy. All you do is use the visited
psuedo class.

I'll make a mockup for ya! Here's the CSS code (put in your external
CSS document or in the <head> tags:

/* Creates the font, font size, and font color of the hyperlink */
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ff9900;
}
/* Creates the font, font size, and font color of the hyperlink, if
visited */
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ff9900;
}
/* Creates the font, font size, and font color of the hyperlink when
mouse is currently being pushed */
a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ff9900;
}
/* Creates the font, font size, and font color of the hyperlink when
your mouse is over it */
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ff9900;
}

now just add the XHTML in your document:

a href="www.google.com">Click Here</a
Hope this helps resolve your problem.

Best Regards,
Drew Decker

#8

Actually, let me try that again.

I do have link and hover and visited properties set up. Usually, hover
is just an underline.

However, once the link has been visited, it defaults to the 'visited'
properties, and won't return to the link properties, which removes the
underline when hovered over.

drewrockshard (AT) gmail (DOT) com wrote in message news:<1100734337.046098.99980 (AT) f14g2000cwb (DOT) googlegroups.com>...

Quote:

Hey M. Kinstlinger,

No this is easy. Actually quite easy. All you do is use the visited
psuedo class.

I'll make a mockup for ya! Here's the CSS code (put in your external
CSS document or in the <head> tags:

/* Creates the font, font size, and font color of the hyperlink */
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ff9900;
}
/* Creates the font, font size, and font color of the hyperlink, if
visited */
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ff9900;
}
/* Creates the font, font size, and font color of the hyperlink when
mouse is currently being pushed */
a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ff9900;
}
/* Creates the font, font size, and font color of the hyperlink when
your mouse is over it */
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ff9900;
}

now just add the XHTML in your document:

a href="www.google.com">Click Here</a
Hope this helps resolve your problem.

Best Regards,
Drew Decker

#9

"Lachlan Hunt" <spam.my.gspot (AT) gmail (DOT) com> wrote

Quote:

Neal wrote:
On Thu, 18 Nov 2004 05:35:39 GMT, Lachlan Hunt <spam.my.gspot (AT) gmail (DOT) com
wrote:

link
visited
hover
focus
active

Really? Ok, but why?

Cause that's what it said in Dave Shea's CSS Crib Sheet that I linked
to, but now that I've thought about, it really depends how you want it
to work.

Correct. I prefer to have the hover effect work on all links, including the
one that happens to be active or in focus at the moment, so I'd define hover
last.

Quote:

I could only find articles that discus :link, visited, hover
and active, but nothing that mentions focus as anything important. So,
it should be fine to interchange hover and focus, depending on what
works best for the author.

The focus option was discussed here in the last week or two.

#10

On 18 Nov 2004 08:20:59 -0800, M Kinstlinger <mkinstlinger (AT) aol (DOT) com> wrote:

Quote:

Actually, let me try that again.

I do have link and hover and visited properties set up. Usually, hover
is just an underline.

That implies you aren't marking the links to be clearly links in the
non-hover states. How do I know it's a link before I move the mouse
pointer over it?