By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
431,827 Members | 2,155 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 431,827 IT Pros & Developers. It's quick & easy.

Keeping Visited Values the Same ?

P: n/a
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 - ??
Jul 21 '05 #1
Share this Question
Share on Google+
11 Replies


P: n/a
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

Jul 21 '05 #2

P: n/a
In comp.infosystems.www.authoring.stylesheets M Kinstlinger said:
If I set up a visited link, the hover option is overrun - ??


you're using the pseudo classes in the wrong order

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

--
the facts and opinions expressed by brucies
l i t t l e v o i c e s
are not necessarily the same as those held by brucie.
Jul 21 '05 #3

P: n/a
On 17 Nov 2004 15:32:17 -0800, <dr***********@gmail.com> wrote:
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
Jul 21 '05 #4

P: n/a
Neal wrote:
Problem - Active will be overruled by hover. The best order (I'll
include focus as well) is
Correct.
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
Jul 21 '05 #5

P: n/a
On Thu, 18 Nov 2004 05:35:39 GMT, Lachlan Hunt <sp***********@gmail.com>
wrote:
link
visited
hover
focus
active


Really? Ok, but why?
Jul 21 '05 #6

P: n/a
Neal wrote:
On Thu, 18 Nov 2004 05:35:39 GMT, Lachlan Hunt <sp***********@gmail.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
Jul 21 '05 #7

P: n/a
So, I just need to add the 'active' tag.
Thanks, Drew.

dr***********@gmail.com wrote in message news:<11*********************@f14g2000cwb.googlegr oups.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

Jul 21 '05 #8

P: n/a
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.

dr***********@gmail.com wrote in message news:<11*********************@f14g2000cwb.googlegr oups.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

Jul 21 '05 #9

P: n/a

"Lachlan Hunt" <sp***********@gmail.com> wrote in message
news:7W*****************@news-server.bigpond.net.au...
Neal wrote:
On Thu, 18 Nov 2004 05:35:39 GMT, Lachlan Hunt <sp***********@gmail.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.
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.

Jul 21 '05 #10

P: n/a
On 18 Nov 2004 08:20:59 -0800, M Kinstlinger <mk**********@aol.com> wrote:
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?
Jul 21 '05 #11

P: n/a
On Thu, 18 Nov 2004, Neal wrote:
On 18 Nov 2004 08:20:59 -0800, M Kinstlinger <mk**********@aol.com> wrote:
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.


Also known as "mystery meat navigation", right? The hon Usenaut
should Google for the phrase, if it isn't obvious why this is bad.
How do I know it's a link before I move the mouse pointer over it?


By having a web developer toolbar and using it to disable CSS? (SCNR)

cheers
Jul 21 '05 #12

This discussion thread is closed

Replies have been disabled for this discussion.