css e tabella

[ultrasflavio]

ho un problema con una tabella che nel markup si presenta così;
ovviamente non passa la validazione.

come implementare tutti quei background con una classe css?

<table cellpadding='0' cellspacing='0' border='0' width='180' id="table3">
<tr>
<td width='6' height='6' background='immagini/riq_up_sx.jpg'>
</td>
<td  height='6' width='168' background='immagini/riq_up.jpg'>
</td>
<td width='6' height='6' background='immagini/riq_up_dx.jpg'>
</td>
</tr>
<tr>
<td width='6' height='88' background='immagini/riq_left.jpg'>
</td>
<td width='168' valign='middle' align='center' >
[img]immagini/CANCELLARE2.jpg[/img]
</td>
<td width='6' height='88' background='immagini/riq_right.jpg'>
</td>
</tr>
<tr>
<td width='6' height='6' background='immagini/riq_dwn_sx.jpg'>
</td>
<td  height='6' width='168' background='immagini/riq_dwn.jpg'>
</td>
<td width='6' height='6' background='immagini/riq_dwn_dx.jpg'>
</td>
</tr>
</table>

[lorenzos]

Puoi creare delle classi per le varie celle nel css:

es.

.cella1 {
width: 10px;
height: 10px;
background-image: url(immagini/riq_up_sx.jpg);
}
.cella2 {
width: 10px;
height: 168px;
background-image: url(immagini/riq_up.jpg);
}
E poi richiami così:

<table cellpadding='0' cellspacing='0' border='0' width='180' id="table3">
<tr>
<td class="cella1">
</td>
<td class="cella2">
</td>
<td width='6' height='6' background='immagini/riq_up_dx.jpg'>
</td>
</tr>
<tr>
<td width='6' height='88' background='immagini/riq_left.jpg'>
</td>
<td width='168' valign='middle' align='center' >
[img]immagini/CANCELLARE2.jpg[/img]
</td>
<td width='6' height='88' background='immagini/riq_right.jpg'>
</td>
</tr>
<tr>
<td width='6' height='6' background='immagini/riq_dwn_sx.jpg'>
</td>
<td height='6' width='168' background='immagini/riq_dwn.jpg'>
</td>
<td width='6' height='6' background='immagini/riq_dwn_dx.jpg'>
</td>
</tr>
</table>

Così valida ed è un bel risparmio di codice...

[lorenzos]

Se poi ne hai tante e poi vuoi proprio essere pignolo, poi puoi fare così:

.cella1, .cella2, .cella3, .cella4 {height:6}

Ed accorpi tutti i valori comuni...