Ver Mensaje Individual
  #3 (permalink)  
Antiguo 22/02/2011, 09:23
Avatar de sanxuan
sanxuan
 
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 3 meses
Puntos: 36
Respuesta: Estilo a GRID en HTML y PHP

Lo habitual es crear una clase específica para las celdas de fondo gris. El fondo blanco de las demás puedes definirlo en la tabla o de manera general para todas las celdas. Igual para el encabezado. Puedes usar la etiqueta específica de encabezados <th> o un <tr> con una clase para definir estilos.
Si tienes más de un tipo de tabla en la misma página puede incluirse un nombre para ella, si no, no sería necesario.
Código HTML:
Ver original
  1. <table id="ejemplo">
  2.   <tr>
  3.     <th>encabezado</th>
  4.     <th>encabezado2</th>
  5.   </tr>
  6.   <tr>
  7.     <td>linea normal </td>
  8.     <td>linea normal 2 </td>
  9.   </tr>
  10.   <tr class="gris">
  11.     <td>linea gris</td>
  12.     <td>linea gris2</td>
  13.   </tr>
Código CSS:
Ver original
  1. #ejemplo th {
  2.    /*estilos para el encabezado*/
  3. }
  4. #ejemplo tr {
  5.   /* estilo para celdas de fondo blanco */
  6.   background:white;
  7. }
  8. #ejemplo tr.gris {
  9.   /*estilo para celdas de fondo gris */
  10.   background:grey;
  11. }
Debes usar una variable para ir alternando los <tr> con estilo gris y los que no necesitan estilo cuando el contenido se genera automáticamente.