hover over text issue.

[Orionsbelter]

.silvertext{
font-family:Verdana, Geneva, sans-serif;
color:#999;
font-size:10px;
font-weight:bold;
text-transform: capitalize;
}
.silvertext a:hover{
font-family:Verdana, Geneva, sans-serif;
color:white;
font-size:10px;
font-weight:bold;
text-transform: capitalize;
}
.silvertext a:visited{
font-family:Verdana, Geneva, sans-serif;
color:#999;
font-size:10px;
font-weight:bold;
text-transform: capitalize;
}

 

The issue is that when i hover over it should turn white however it doesn't it stays #666 if i take away the a:visited it does turn white when i hover over the text but has the default of purple which i do not want.

 

Help me please.

[waynewex]

This should be in the CSS section, not the PHP Help section.

[Orionsbelter]

got it must do it in order.

[FaT3oYCG]

if you want it to apply to only a then

 

a.silvertext:hover and same for visited

 

otherwise

 

.silvertext:hover and same for visited

 

then just apply it as a class to a tag.

[haku]

Change your CSS to this:

 

.silvertext{
font-family:Verdana, Geneva, sans-serif;
color:#999;
font-size:10px;
font-weight:bold;
text-transform: capitalize;
}
.silvertext a:visited{
font-family:Verdana, Geneva, sans-serif;
color:#999;
font-size:10px;
font-weight:bold;
text-transform: capitalize;
}
.silvertext a:hover{
font-family:Verdana, Geneva, sans-serif;
color:white;
font-size:10px;
font-weight:bold;
text-transform: capitalize;
}

 

The pseudo-selectors  have to be in this order - :link, :visited , :hover, :active

An easy way to remember this is:

Link

o

Visited

e

Hover

Active

t

e

[FaT3oYCG]

haku, i tested your method and in firefox it produces no results, using my method even based on the origional layout of hover before visited works correctly.

[haku]

Did you clear your cache after doing that?

 

If that doesn't work, you probably have another selector somewhere that is stronger than the one you showed us.

[FaT3oYCG]

nope i put it up as http://gaming-network.ath.cx/test.php i think.

 

EDIT: yep that is the link, just cleared the cache and produced same effects for both methods whereas yours did not work in firefox 3.5.5 mine did i thought that you have to put tags befre classes or ids otherwise it doesnt work anyway?