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

[dasapa]

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

[pzin]

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.

[dasapa]

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> 
   

[dasapa]

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>