CSS link color problem

For some reason, I just can't change the font color for hover. It
allows me to change the background color, no problem. But, if the
link is visited, it will not change the font color, if the link is
unvisited, then it will change the font color on hover.

Here is my CSS

#content a:link {
color: #CACBCA;
font-weight: bold;
}

#content a:hover {
background-color: #ffffff;
color: #048004;
font-weight: bold;
}

#content a:visited {
color: #CACBCA;
font-weight: bold;
}

any ideas?

Kathleen Coyne wrote:
> For some reason, I just can't change the font color for hover. It
> allows me to change the background color, no problem. But, if the
> link is visited, it will not change the font color, if the link is
> unvisited, then it will change the font color on hover.

It's the cascade that's doing it - define them in the order
link
visited
hover
active

Currently, your visited definition comes after the hover so a visited link
that gets hovered has to decide on whether it will display as visited or
hovered - the latter definition takes precedence so you get a visited
appearance.

--
PeterMcC
If you feel that any of the above is incorrect,
inappropriate or offensive in any way,
please ignore it and accept my apologies.

kathleencoyne781@aol.com (Kathleen Coyne) wrote:

>For some reason, I just can't change the font color for hover. It
>allows me to change the background color, no problem. But, if the
>link is visited, it will not change the font color, if the link is
>unvisited, then it will change the font color on hover.
>
>Here is my CSS
>
>#content a:link {
> color: #CACBCA;
> font-weight: bold;
> }
>
>#content a:hover {
> background-color: #ffffff;
> color: #048004;
> font-weight: bold;
> }
>
>#content a:visited {
> color: #CACBCA;
> font-weight: bold;
> }

If a link is visited and being hovered then which rule is applied? The
one specified last in the CSS. Swap the two rules around and hover
will apply to visited as well as unvisited links.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <steve@pugh.net> <http://steve.pugh.net/>

<style>

<!--
A:link { color: #808080; text-decoration: none}
A:active { color: #808080; text-decoration: none}
A:visited { color: #808080; text-decoration: none}
A:hover { color: #FF0000; text-decoration: none}

-->
</style>

-Mike

"Kathleen Coyne" <kathleencoyne781@aol.com> wrote in message
news:a5423969.0307030459.2061a183@posting.google.c om...
> For some reason, I just can't change the font color for hover. It
> allows me to change the background color, no problem. But, if the
> link is visited, it will not change the font color, if the link is
> unvisited, then it will change the font color on hover.
>
> Here is my CSS
>
> #content a:link {
> color: #CACBCA;
> font-weight: bold;
> }
>
> #content a:hover {
> background-color: #ffffff;
> color: #048004;
> font-weight: bold;
> }
>
> #content a:visited {
> color: #CACBCA;
> font-weight: bold;
> }
>
> any ideas?

"Kathleen Coyne" <kathleencoyne781@aol.com> wrote in message
news:a5423969.0307030459.2061a183@posting.google.c om...
> For some reason, I just can't change the font color for hover. It
> allows me to change the background color, no problem. But, if the
> link is visited, it will not change the font color, if the link is
> unvisited, then it will change the font color on hover.
>
> Here is my CSS
>
> #content a:link {
> color: #CACBCA;
> font-weight: bold;
> }
>
> #content a:hover {
> background-color: #ffffff;
> color: #048004;
> font-weight: bold;
> }
>
> #content a:visited {
> color: #CACBCA;
> font-weight: bold;
> }
>
> any ideas?

Remember,

Luther
Vandross
Has
Acne

> Remember,
>
> Luther
> Vandross
> Has
> Acne


LoVe - HA! :-)


--
P@tty Ayers
http://www.WebDevBiz.com
Web Design Contract, Estimate Worksheet
--

In article <be283t$van$1@news8.svr.pol.co.uk>, no1@home.invalid says...
>
> "Kathleen Coyne" <kathleencoyne781@aol.com> wrote in message
> news:a5423969.0307030459.2061a183@posting.google.c om...
> > For some reason, I just can't change the font color for hover. It
....
> > any ideas?
>
> Remember,
>
> Luther
> Vandross
> Has
> Acne
>
For some reason 'links is over active' sticks in my mind:

_link_s
v_is_ited
h_over_
_active_