anchor pseudo class

[dexeloper]

can anyone tell me what's wrong with this:

a.kword5{font-family:Verdana,Arial,Helvetica,sans serif;font-size:8pt;color:#9900CC;text-decoration:none;cursor:hand;font-weight:500;}

a.kword5:visited{font-family:Verdana,Arial,Helvetica,sans serif;font-size:8pt;color:#9900CC;text-decoration:none;cursor:hand;font-weight:500;}

a.kword5:hover{text-decoration:underline;font-family:Verdana,Arial,Helvetica,sans serif;font-size:8pt;color:#990099;cursor:hand;font-weight:500;background-color:#FFFFFF;}

a.kword5:active{font-family:Verdana,Arial,Helvetica,sans serif;font-size:8pt;color:#9900CC;text-decoration:none;cursor:hand;font-weight:500;background-color:#FFFFFF;}

I'm not gettingany changes when I hover.

 

[mwolf00]

Set the style of :link also

a.kword5:link{font-family:Verdana,Arial,Helvetica,sans serif;font-size:8pt;color:#9900CC;text-decoration:none;cursor:hand;font-weight:500;}


Programming today is a race between software engineers striving to build better and bigger idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning. - Rick Cook (No, I'm not Rick)

 

[dexeloper]

that didn't make any difference

 

[Vragabond]

Your code actually works for me in IE6, Mozilla and Opera 7+. The only thing I found that was wrong was the last font type in font-family: sans serif should be sans-serif if you are looking for generic font type or placed in quotes "sans serif" if it is the actual name of the font. Also, try to simplify your code -- attributes that will not change with pseudo classes do not need to be repeated:

a.kword5, a.kword5:visited {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	color: #9900CC;
	text-decoration: none;
	font-weight: 500;
}

a.kword5:hover {
	text-decoration:underline;
	background-color:#FFFFFF;
}

a.kword5:active {
	text-decoration:none;
}

 

[dexeloper]

Tried that (point taken about simplifying code).
My link code is :


<a class='kword5' target='KAKwdTitles' title='view other titles under this keyword' onclick='subFormSch(2620)'> European Union</a>

And I'm not getting any hover changes.

 

[mwolf00]

You need an HREF for the hover to work

<a HREF="javascript: void()" class='kword5' target='KAKwdTitles' title='view other titles under this keyword' onclick='subFormSch(2620)'> European Union</a>


Programming today is a race between software engineers striving to build better and bigger idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning. - Rick Cook (No, I'm not Rick)

 

[dexeloper]

you area STAR! Yippee

 

[mwolf00]

Actually, better syntax would say

<a HREF="javascript: 'subFormSch(2620)'" class='kword5' target='KAKwdTitles' title='view other titles under this keyword'> European Union</a>


Programming today is a race between software engineers striving to build better and bigger idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning. - Rick Cook (No, I'm not Rick)