Re: FN-FORUM: CSS Style question

date posted 1st October 2004 13:44

At 12:47 on Friday, 01 Oct 2004, KKC TFXWeb wrote:

>
> I have simple styles set up for links on a page as follows :
> a:link {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 10px;
> text-decoration: none;
> color: #FFFFFF;
> }
> a:hover {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 10px;
> color: #77501a;
> text-decoration: none;
> }
> a:visited {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 10px;
> color: #ffffff;
> text-decoration: none;
> }
>
> Unvisited link is white text
> Hoever is brown text
> Visited takes it back to white text
>
> However, whilst a link appears fine before it's visited and the hover
> colour
> changes as required, once it's been visited the hover refuses to work any
> more! Is there a reason for this and, if so, a remedy??!!


Yep.

your declaration order is wrong.

you need to do:

Link
Visited
Hover
Active


(LoVeHAte will help you remember it)

http://archivist.incutio.com/viewlist/css-discuss/16335 for an explanation

hth

;o)




--
listening to: background noise

http://wiki.workalone.co.uk
http://www.xebit.net