Stylesheets - Keeping Visited Values the Same ?

Author

Keeping Visited Values the Same ?

M Kinstlinger

2004-11-22, 7:15 am

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 - ??

M Kinstlinger

2004-11-22, 7:20 pm

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

drewrockshard@XXXXXXXXXX wrote in message news:<1100734337.046098.99980@f14g2000cwb.googlegroups.com>...
> 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

drewrockshard@gmail.com

2004-11-22, 11:22 pm

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