a: hover

elladi · July 30th, 2004, 10:11 AM

For some reason the a:hover tag i created in a style in dreamweaver is not working on links that are already visited...any idea why? or how to fix that....
I am trying to bold the text of my links when the mouse is over them...it works with the a:hover option in css but then stops working when the link is visited - is there another way of accomplishing this...

Thanks Adina

Imar · July 30th, 2004, 11:44 AM

Hi there,

How does your code look like? In what order did you define the selectors?

If you override the font-weight property for the :visited selector *after* you define the hover property, the :visited will win, and the font won't turn bold. So this will work:

Code:

a:visited
{
    font-weight: normal;
}
a:hover
{
    font-weight: bold;
}

but this won't:

Code:

a:hover
{
    font-weight: bold;
}
a:visited
{
    font-weight: normal;
}

HtH,

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.

surendran · August 3rd, 2004, 06:48 AM

hi elladi,
see a full code for a style sheet class

.companyprofile
{
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.companyprofile A:active
{
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.companyprofile A:link
{
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.companyprofile A:visited
{
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.companyprofile A:hover
{
    FONT-SIZE: 11px;
    COLOR: red;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}

surendran
(Anything is Possible)