[CSS] repeat-x su table, come? [Archivio]

[RenderMAN]

02-12-2007, 13:45

Sono riuscito ad impostare tramite css uno sfondo ripetuto in orizzontale per l'intera apgina html.

Adesso però dovrei fare lo stesso ma riferito alle solo ad una cella, e non ci riesco.

<table border="1" style="border-collapse: collapse" width="100%" bordercolorlight="#FF0000" bordercolordark="#FF0000">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td>prova</td> <---cella centrale
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

Dunque ho una tabella formata da tre righe e tre colonne, vorrei impostare uno sfondo repeat nella cella centrale. Mi postate qualche esempio?

Grazie.

thehuge

03-12-2007, 16:18

Un modo è aggiungere un id alla cella da modificare:

<table border="1" style="border-collapse: collapse" width="100%" bordercolorlight="#FF0000" bordercolordark="#FF0000">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td id="bg">prova</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

e nel css aggiungere la regola:

td#bg {
background-image: url(path/to/image2.jpg);
background-repeat: repeat-x;
background-position: top left;
}