CSS issue

  • Thread starter Thread starter Bill Musgrave
  • Start date Start date
B

Bill Musgrave

I have the following in a CSS, but it doesn't render as expected:

a:visited:hover
{
color:yellow;
}

Also, I know the order can matter so I've pasted the CSS section just
related to the HTML A element below.

If anyone can help I would appreciate it. Site users will have IE6, but
with differing levels of SP and patches.

Thanks
Bill


a:link
{
color: #0033cc;
font-weight: bold;
text-decoration: none;
}
a:visited
{
color: #0033cc;
font-weight: bold;
text-decoration: none;
}
a:visited:hover
{
color:yellow;
}
a:hover
{
color:gray;
}
a:active
{
color:red;
}
 
Bill,
I am a little in the dark as to whether you put your info below in a
"Style Sheet".
If you did, I see one other possible problem: you have Visited and Hover in
the same
catagory...
See my code below and of course modify to your own font, size, color etc.
*****************
<STYLE>
A:link {
FONT-SIZE: 14pt; COLOR: #ffff00; FONT-FAMILY: Comic Sans MS;
TEXT-DECORATION: underline;
}
A:visited {
FONT-SIZE: 14pt; COLOR: #ffff00; FONT-FAMILY: Comic Sans MS;
TEXT-DECORATION: underline;
}
A:active {
FONT-SIZE: 14pt; COLOR: #ffff00; FONT-FAMILY: Comic Sans MS;
TEXT-DECORATION: underline;
}
A:hover {
COLOR: #E16505; LETTER-SPACING: 1px; TEXT-DECORATION: underline;
FONT-WEIGHT: BOLD
}
</STYLE>
*********************
Notice the 1 px "Letter Spacing" above... That will make the link "grow"
when you hover it. You can set that to 0 px if you don't want that
function..
Give the above a try.. Works for me..
HTH,
--
Burt
The Old Alaskan
MVP's listed on TECKPAGE
http://www.cvinternet.net/~smokydog
http://www.cvinternet.net/~smokydog/teckpage.htm
 
Burt

As strange as it looks 'a:visited:hover' is valid under CSS2...whether I can
get it to work with IE is something else.

I've downloaded FireFox to see if I can get it working there...
 
Back
Top