Hyperlink changes colour if hovered only first time

lame.crusher · #1 (**permalink**) 03-16-2007, 03:30 PM

I use expression web to design my site. On FILE - Properties - Formatting, I select a colour for hovered hyperlinks. The style that is created is shown below.
However it is only working if the link has never been visited. After the first visit the colour does not show any more upon hovering. Any ideas?

.style75 {
font-size: 8pt;
}
a:hover {
color: #AE2836;
}
a:visited {
color: #336CA3;
}

chopstickles · #2 (**permalink**) 03-17-2007, 12:00 AM

It doesn't work because a:hover should come after a:visited, not the other way around.

spid4r · #3 (**permalink**) 03-17-2007, 08:47 AM

The order you use for your rules is important. Each of the pseudo classes has equal weight, so the last one coded overrides the earlier ones. Since :visited follows :hover in the rules, once you visit the site, the :visited will control.

Put your rules in this order:
:link
:visited
:focus
:hover
:active

Just tell me if it works ! Cheers

technoguy · #4 (**permalink**) 03-17-2007, 08:54 AM

This is my working code I am using at my projects sometimes hope it helps

HTML Code:

a:link {
font-weight: normal;
color: #0033FF;
text-decoration: underline}
a:visited {
font-weight: normal;
color: #990000;
text-decoration: underline}
a:hover {
font-weight: bold;
color: #FF0000;
text-decoration: none;
background-color: #CCCCCC;
border: 1px solid #000000;
padding: 4px;
}
a:active {
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-color: #990000;
padding: 4px;
border: 1px solid #000000;
}

lame.crusher · #5 (**permalink**) 03-18-2007, 03:13 AM

Done it. Cleaned everything up and redone it. Thanks a lot to spid4r and technoguy , you both got a green rep from me .

Cheers

creek23 · #6 (**permalink**) 03-23-2007, 06:18 AM

Quote:

Originally Posted by lame.crusher

However it is only working if the link has never been visited. After the first visit the colour does not show any more upon hovering. Any ideas?

This is caused by Temporary Internet Files, and browser's History. It displays that the link is already visited.

(Well, I dont know if that helped. My philosophy is that, if you know what's going on, then you'll know what to do and know what you've been doing wrong.

)

technoguy · #7 (**permalink**) 03-23-2007, 06:22 AM

Why dont you try to give same color for visited link as your hyperlink. So that visited link and non-visited link will be same and then add mouse hover effect to your link.

creek23 · #8 (**permalink**) 03-23-2007, 07:59 AM

Quote:

Originally Posted by technoguy

Why dont you try to give same color for visited link as your hyperlink. So that visited link and non-visited link will be same...

I kind of not agree with that solution. Giving a different color on visited links gives the user a hint what he already visited and what he haven't yet. the hover thing is for the design but the visited thing is for *functionality*