Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] CSS tabla - color (par-impar) - Espacio filas

Estas en el tema de CSS tabla - color (par-impar) - Espacio filas en el foro de CSS en Foros del Web. Hola Una duda de CCS para dar estilo en una tabla. La table tiene basicamente el siguiente codigo: Código PHP: < tbody > < tr ...
  #1 (permalink)  
Antiguo 06/12/2014, 15:45
 
Fecha de Ingreso: octubre-2011
Mensajes: 206
Antigüedad: 12 años, 4 meses
Puntos: 1
CSS tabla - color (par-impar) - Espacio filas

Hola

Una duda de CCS para dar estilo en una tabla. La table tiene basicamente el siguiente codigo:

Código PHP:
<tbody>
<
tr>
<
td rowspan="2"><input value="a"></input></td>
<
td rowspan="1"><input value="b"></input></td>
 <
td rowspan="1"><input value="b"></input></td>
<
td rowspan="2"><input value="a"></input></td>
</
tr>

<
tr>
<
td rowspan="1"><input value="b"></input></td>
 <
td rowspan="1"><input value="b"></input></td>
</
tr>

</
tbody
Tabla con cuatro columnas en la que se queda la primera y ultima columna con una fila y las dos columnas centrales con dos filas. Hasta aqui ok.

Lo que no consigo es poner un margin top o margin bottom entre filas sin ponerlo en las columnas centrales que van agrupadas. Es decir, la primera y la ultima columna siempre tienen margin pero las centrales tienen margin cada dos filas.

Lo mismo para background color, hacer tr:nth-child (odd) en las filas centrales cambia de color en cada fila cunado debería cambiar cada dos...

Gracias. Un saludo
  #2 (permalink)  
Antiguo 07/12/2014, 02:25
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: CSS tabla - color (par-impar) - Espacio filas

No puedes poner márgenes a filas. Usa un relleno, o si hay colores de fondo un borde para la separación, o si usas ta bordes siempre puedes poner una fila vacía.
__________________
(:
  #3 (permalink)  
Antiguo 07/12/2014, 03:28
 
Fecha de Ingreso: octubre-2011
Mensajes: 206
Antigüedad: 12 años, 4 meses
Puntos: 1
Respuesta: CSS tabla - color (par-impar) - Espacio filas

ok, gracias lo de la separacion. No me di cuenta. En la primeta agrupacion he definido una clase y puesto un padding-top. Queda pefecto.

Ahora me falta colorear background par e impar teniendo en cuenta que las filas centrales van agrupadas y no deberia cambiar el color. Alguna ayuda?

Código PHP:
<tr class="fila_superior">
<
td rowspan="2"><input value="a"></input></td>
<
td rowspan="1"><input value="b"></input></td>
 <
td rowspan="1"><input value="b"></input></td>
<
td rowspan="2"><input value="a"></input></td>
</
tr
  #4 (permalink)  
Antiguo 07/12/2014, 05:11
 
Fecha de Ingreso: octubre-2011
Mensajes: 206
Antigüedad: 12 años, 4 meses
Puntos: 1
Respuesta: CSS tabla - color (par-impar) - Espacio filas

ok, esta solucionado. Por si alguien le interesa se puede hacer lo siguiente, poner un body para cada agrupacion y definir la clase par-imapr para ese body.

Código PHP:
tbody:nth-child(even) {
  
background#CCC;

Código PHP:
<tbody>
<
tr>
<
td rowspan="2"><input value="a"></input></td>
<
td rowspan="1"><input value="b"></input></td>
 <
td rowspan="1"><input value="b"></input></td>
<
td rowspan="2"><input value="a"></input></td>
</
tr>

<
tr>
<
td rowspan="1"><input value="b"></input></td>
 <
td rowspan="1"><input value="b"></input></td>
</
tr>

</
tbody

<
tbody>
<
tr>
<
td rowspan="2"><input value="a"></input></td>
<
td rowspan="1"><input value="b"></input></td>
 <
td rowspan="1"><input value="b"></input></td>
<
td rowspan="2"><input value="a"></input></td>
</
tr>

<
tr>
<
td rowspan="1"><input value="b"></input></td>
 <
td rowspan="1"><input value="b"></input></td>
</
tr>

</
tbody

Etiquetas: background, color, espacio, filas, tabla
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 02:12.