Foros del Web » Creando para Internet » CSS »

Colorear celdas de una tabla

Estas en el tema de Colorear celdas de una tabla en el foro de CSS en Foros del Web. Buenas Tengo unas tablas donde quiero que la primera fila(header) de la tabla este coloreada de un color y las siguientes, las lineas del contenido ...
  #1 (permalink)  
Antiguo 21/11/2012, 15:24
 
Fecha de Ingreso: septiembre-2010
Mensajes: 58
Antigüedad: 14 años, 2 meses
Puntos: 0
Colorear celdas de una tabla

Buenas

Tengo unas tablas donde quiero que la primera fila(header) de la tabla este coloreada de un color y las siguientes, las lineas del contenido tengan otro color

El problema que creo que tengo es que al intentar colorear las celdas (td) se colorean todas y pasan por encima del coloreado del tr, cierto no?

¿Como puedo solventar el problema sin tener que declararme otro id e ir a todas las filas declarando otro id?

<tr id="trheadercolour"><td>Capa</td><td>Descripción</td></tr>
<tr id="trLinecolour"><td>1</td><td>Capa1</td></tr>

Abajo pongo mi codigo

HTML

<table>
<tr id="trheadercolour"><td>Capa</td><td>Descripción</td></tr>
<tr><td>1</td><td>Capa1</td></tr>
</table>

CSS

#trheadercolour{
background-color:#D8DADF;}

td{
background-color:#E6E9F0;}
  #2 (permalink)  
Antiguo 21/11/2012, 15:51
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Colorear celdas de una tabla

Podrías, en vez de usar TD para el encabezado, usar TH, que para eso están.

O por otro lado usar first-child.

Código CSS:
Ver original
  1. table tr:first-child td {}
  #3 (permalink)  
Antiguo 21/11/2012, 15:54
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 8 meses
Puntos: 1146
Respuesta: Colorear celdas de una tabla

la primera fila son titulos por lo que veo por lo que el formato correcto debe ser

Código HTML:
Ver original
  1. <table id="mitabla">
  2.     <tr>
  3.         <th>Campo</th>
  4.         <th>Descripción</th>
  5.     </tr>
  6.     <tr>
  7.         <td>...</td>
  8.         <td>...</td>
  9.     </tr>

y tu CSS
Código CSS:
Ver original
  1. #mitabla{background:#f1f1f1;}
  2. #mitabla th{background:#ccc;}
  #4 (permalink)  
Antiguo 22/11/2012, 00:36
 
Fecha de Ingreso: septiembre-2010
Mensajes: 58
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: Colorear celdas de una tabla

muchas gracias por las respuestas, todavia estoy un poco pez con la programación web

Etiquetas: celdas, colorear, contenido, html, tabla, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:00.