Como cambio el color de las letras de una tabla

#1 (**permalink**) 10/07/2012, 09:43

El codigo es el siguiente:

<p align="right"><table id="mitabla">
<tr>
<td style="border: solid 4px blue;">Nombres</td>
<td style="border: solid 4px blue;">Apellidos</td>
<td style="border: solid 4px blue;">N°de.Auto</td>
</tr>
</table></p>

>Nombres< si pongo font face , font color, me aparece como texto

sjj · #2 (**permalink**) 10/07/2012, 11:43

Así le das color al texto que está dentro de la tabla. El font color aplicaselo al texto que va dentro de la celda, no a la tabla.

Código HTML:

<p align="right"><table id="mitabla">
<tr>
<td style="border: solid 4px blue ;"><font color="red">Nombres</font></td>
<td style="border: solid 4px blue;"><font color="green">Apellidos</font></td>
<td style="border: solid 4px blue;"><font color="yellow">N°de.Auto</font></td>
</tr>
</table></p>

PIRRUMAN · #3 (**permalink**) 10/07/2012, 13:07

Cita:

Iniciado por ilu7ionHD

El codigo es el siguiente:

<p align="right"><table id="mitabla">
<tr>
<td style="border: solid 4px blue;">Nombres</td>
<td style="border: solid 4px blue;">Apellidos</td>
<td style="border: solid 4px blue;">N°de.Auto</td>
</tr>
</table></p>

>Nombres< si pongo font face , font color, me aparece como texto

puedes probar agregando otro atributo

Cita:

ZonaRLX · #4 (**permalink**) 10/07/2012, 13:19

Cita:

Iniciado por ilu7ionHD

El codigo es el siguiente:

<p align="right"><table id="mitabla">
<tr>
<td style="border: solid 4px blue;">Nombres</td>
<td style="border: solid 4px blue;">Apellidos</td>
<td style="border: solid 4px blue;">N°de.Auto</td>
</tr>
</table></p>

>Nombres< si pongo font face , font color, me aparece como texto

Buen día ILU7IONHD;

Te recomiendo no usar la etiqueta "P" para darle alineación a la tabla, es mejor usar en la etiqueta TABLE el atributo ALIGN y así eliminas la etiqueta "P", ahora es mejor que te manejes por el atributo CLASS para darle formato a textos, tablas, celdas, links etc.

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
.a {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#036;
	font-weight:bold;
	border:0;
	background-color:transparent;
}
</style>
</head>

<body>
<table align="right" id="mitabla">
<tr class="a"><td>Nombres</td><td>Apellidos</td><td>N°de.Auto</td></tr>
</table>
</body>
</html>

Prueba esto y como podras ver simplificas mucho el trabajo solo modifica la etiqueta STYLE colocada dentro de HEAD a tu gusto.

Espero que haya sido de tu ayuda.

SALUDOS...

#5 (**permalink**) 12/07/2012, 09:19

Muchisimas gracias compañeros,