Alguien me podria decir que estoy haciendo mal?

[AkelaQuest]

Tengo problemas en mi sitio con las css.
Todo funciona ok hasta que intento hacer un link: no me toma la informacion que le pongo en las css y me toma la del links por defecto o por las css generales que son estas:

a:link { color: #000000; text-decoration: none }
a:active { color: #000000; text-decoration: none }
a:visited { color: #000000; text-decoration: none }
a:hover { color: #000000; text-decoration: underline }

y si hago un estilo, como este:

.text-grey {
color: #999999;
font-size: 13px;
margin-bottom: 0px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif}

.text-grey a:link {
color: #999999;
font-size: 13px;
margin-bottom: 0px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline}

.text-grey a:hover {
color: #999999;
font-size: 13px;
margin-bottom: 0px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline}

no me lo toma pero si lo toma cuando le paso el mouse por encima.

aca corte el TR para que me digan que hago mal:

<tr>
<td colspan="2" class="text-grey"><div align="center"><a href="contactus.asp">hola</a></div></td>
<td><img src="images/spacer.gif" width="1" height="39" border="0" alt=""></td>
</tr>

Alguien sabe que estoy haciendo mal?

[tunait]

Qué tal,

el orden en el que defines tus estilos es importante.

Debes definirlos en este orden para que funcionen correctamente:

a:link { color: #000000; text-decoration: none }
a:visited { color: #000000; text-decoration: none }
a:hover { color: #000000; text-decoration: underline }
a:active { color: #000000; text-decoration: none }

Prueba a ver si así se soluciona tu problema

[AkelaQuest]

Modifique el orden y no pasa nada... todo igual

Que puede ser? Cosa 'e mandinga! Ayuda!!!

[tunait]

Disculpa, creo que no terminé de leer bien el problema.

Quieres que unos links tomen una clase concreta en vez del estilo definido para los links.

Prueba esto:

a.text-grey:link {
color: #999999;
font-size: 13px;
margin-bottom: 0px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline}

a.text-grey:hover {
color: #999999;
font-size: 13px;
margin-bottom: 0px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline}

<tr>
<td colspan="2"><div align="center"><a href="contactus.asp" class="text-grey">hola</a></div></td>
<td><img src="images/spacer.gif" width="1" height="39" border="0" alt=""></td>
</tr>

[AkelaQuest]

Gracias!
He comprobado que es mi navegador. Pero lo extrano es que lo probe en otra PC con el mismo navegador de la misma version y se ve bien.

Tambien me fije en una mac y tambien se ve bien

Alguna idea porque en mi PC no se ve el efecto en los linlks

[tunait]

Si te fijas no está definida la pseudo-clase para el estado visited. Tal vez si la defines también tu navegador reaccione. Si son links yá visitados y no encuentra definido el estado visited de esa clase se queda impasible.

Mira a ver si tal vez sea eso

[AkelaQuest]

Gracias! Era tan facil como definirle lo de los links visitados!

Una pregunta mas.. que diferencia hace el "a."?

por ejemplo, que diferencia hay entre:

a.buttons:link
y
.buttons:link

Gracias