Скриване на линкваща дума?

emcuemnecu

Registered
Здравейте значи искам да направя като посочиш със мишката върху дума, която е линк да става невидима но някъде бъркам ама къде ?
Ето и част от кода:

<td align="right" valign="top"><u class="read_text"><a href="#">::научи повече::</u></td>

.read_text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FF0000;
}
 
.read_text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FF0000;
}

.read_text: hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: hidden;
}
Оставил съм празно място преди hover :). Трябва да е така:
Код:
.read_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
}

.read_text:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: hidden;
}
 
<html>
<head>
<style>
.read_text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FF0000;
}
.read_text:hover {
visibility: hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FF0000;
}
</style>
<body>
<a href="#" class="read_text">text</a>
</body>
</html>


Онайлн демо
Valide CSS

Тебе те интересува реда в червено :)
Успех :?:
 
Бях поставил празно място пред hover, което не трябва да се прави.
Ето така трябва да е кода ;):
Код:
.read_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
}

.read_text:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: hidden;
}
 

Back
Горе