cambiar color de letra de solo una linea

chaile · #1 (**permalink**) 17/08/2010, 16:09

hola, me gustaria cambiar el color solo de una de las 3 lines de texto que tengo...
aqui el ejemplo... solo quiero cambiar el color de la linea "EN EL CLUB SOCIAL" de color gris y q las otras dos lineas se mantengan en color negro

"EN EL CLUB SOCIAL
Se disputó el tercer torneo de tenis singles damas
Martes 17 de agosto de 2010"

este es el codigo:
<tr>
<td height="40"><h5><a href="deportes_20.html">EN EL CLUB SOCIAL </a></h5>
<h3><a href="deportes_20.html">Se disputó el tercer torneo de tenis singles damas</a></h3>

<h6><em>Martes 17 de agosto de 2010</em></h6>
<h6> </h6>
<h6><img src="imagenes/17 de agosto/TENIS_HOME.jpg" width="590" height="323" /><br />
</h6>
</tr>

quizas me puedan ayudar! gracias!

Ueki · #2 (**permalink**) 17/08/2010, 16:20

Código HTML:

Ver original<tr>
<td height="40"><h5 style="color:#666;"><a href="deportes_20.html">EN EL CLUB SOCIAL </a></h5>
<h3><a href="deportes_20.html">Se disput&oacute; el tercer torneo de tenis singles damas</a></h3>
 
<h6><em>Martes 17 de agosto de 2010</em></h6>
<h6>&nbsp;</h6>
<h6><img src="imagenes/17 de agosto/TENIS_HOME.jpg" width="590" height="323" /><br />
</h6>
</tr>

Poniéndole style="color:#666;" solo en el lugar de esa frase, se le cambia el color. El #666 es el color, en este caso gris.

Saludos

chaile · #3 (**permalink**) 17/08/2010, 16:44

hola gracias!
ese codigo...style="color:#666;" va dentro del h5 ?
por q lo prové, y no me cambia el color.... :(

Ueki · #4 (**permalink**) 17/08/2010, 16:47

Si lo pones tal cual te lo mandé...tendría que ir, pues yo lo he probado antes de pasártelo, de todas formas, usa esto sino...

Código HTML:

Ver original<tr>
<td height="40"><h5><div style="color:#666;"><a href="deportes_20.html">EN EL CLUB SOCIAL </a></div></h5>
<h3><a href="deportes_20.html">Se disput&oacute; el tercer torneo de tenis singles damas</a></h3>
 
<h6><em>Martes 17 de agosto de 2010</em></h6>
<h6>&nbsp;</h6>
<h6><img src="imagenes/17 de agosto/TENIS_HOME.jpg" width="590" height="323" /><br />
</h6>
</tr>

Si falla, quizás sea porque es un link, en ese caso deberías poner entre <head> y </head> esto: (obviamente quitando todo lo antes dicho por mi, dejando el código tal cual tu lo mandaste)

Código CSS:

Ver originala:link {
text-decoration:none;
color:#666;
}
a:visited {
color:#666;
}

Espero que alguna de las dos soluciones te sirva ^^

_cronos2 · #5 (**permalink**) 17/08/2010, 17:00

Eso afectaría a todos los enlaces de la página, yo creo que es un problemas bastante sencillo como para usar pseudoclases. Quiero decir, puedes usar el style en el h5, en el a, puedes ponerles una clase, un id, puedes hacer que todos los h5 o enlaces sean de ese color... hay mil maneras de solucionarlo, ¿ninguna te funciona?
Saludos (:

Ueki · #6 (**permalink**) 17/08/2010, 17:03

Cierto, no pensé en el resto de los enlaces, entonces sería como tu dices, _cronos2, poniendo que los h5 que tengan enlace sean grises...o simplemente haciendo que ese h5 con a, solo ese, sea gris...ya depende de lo que necesites.

chaile · #7 (**permalink**) 17/08/2010, 17:12

mmm. no che , no me funca,, seguramente sea por q es un fukin link!, y si le quito el vinculo como seria??

Ueki · #8 (**permalink**) 17/08/2010, 17:16

Si no tuviera ningún enlace, sería tal y como te dije en un principio, añadiéndole sl style al h5.

Saludos

chaile · #9 (**permalink**) 17/08/2010, 17:37

ya esta , le saque el vinculo q no era tan necesario y funciona de maravillas!!!
gracias ueki!

_cronos2 · #10 (**permalink**) 17/08/2010, 18:19

La cuestión no está en quitar el enlace, sino en buscar la solución. El style (color:#666;) lo tienes que poner en el a, no en el h5.
Saludos (:

VTacius · #11 (**permalink**) 17/08/2010, 19:46

Cita:

Iniciado por Ueki

Código CSS:

Ver originala:link {
text-decoration:none;
color:#666;
}
a:visited {
color:#666;
}

Espero que alguna de las dos soluciones te sirva ^^

La segunda solución es mejor, porque te permite ahorrar toneladas de líneas, y sería bueno que te vayas acostumbrando a trabajar de esa forma, donde usar css no es una opción, sino un estandar de facto en muchas empresas.

Además, es más sencillo a la hora que quieras que alguien te vaya ayudando en el proyecto

C2am · #12 (**permalink**) 18/08/2010, 00:07

Código HTML:

Ver original<tr>
<td height="40"><h5><div style="color:#666;"><a href="deportes_20.html">EN EL CLUB SOCIAL </a></div></h5>
<h3><a href="deportes_20.html">Se disput&oacute; el tercer torneo de tenis singles damas</a></h3>
 
<h6><em>Martes 17 de agosto de 2010</em></h6>
<h6>&nbsp;</h6>
<h6><img src="imagenes/17 de agosto/TENIS_HOME.jpg" width="590" height="323" /><br />
</h6>
</tr>

Otra cosita, te falta cerrar el <td> es decir falta el </td>