http://tryhere.altervista.org/esempio.JPG
Vorrei inserire una immagine nei quattro angoli blu e un'altra immagine ripetuta lungo tutto il bordo nelle aree gialle...non so come organizzarmi con i CSS
Printable View
http://tryhere.altervista.org/esempio.JPG
Vorrei inserire una immagine nei quattro angoli blu e un'altra immagine ripetuta lungo tutto il bordo nelle aree gialle...non so come organizzarmi con i CSS
prend spunto da questo:
la tabella sarà:Codice HTML:.tb1{
width:24px;
height:34px;
background-image:url(../images/tb/1.gif);
}
.tb2{
background-image:url(../images/tb/2.gif);
}
.tb3{
width:24px;
height:34px;
background-image:url(../images/tb/3.gif);
}
.tb4{
background-image:url(../images/tb/4.gif);
}
.tb5{
background-image:url(../images/tb/5.gif);
}
.tb6{
background-image:url(../images/tb/6.gif);
}
.tb7{
width:24px;
height:34px;
background-image:url(../images/tb/7.gif);
}
.tb8{
background-image:url(../images/tb/8.gif);
}
.tb9{
width:24px;
height:34px;
background-image:url(../images/tb/9.gif);
}
Codice HTML:<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="tb1"> </td>
<td class="tb2"> </td>
<td class="tb3"> </td>
</tr>
<tr>
<td class="tb4"> </td>
<td class="tb5" align="center">Contenuto.....</td>
<td class="tb6"> </td>
</tr>
<tr>
<td class="tb7"> </td>
<td class="tb8"> </td>
<td class="tb9"> </td>
</tr>
</table>
Volevo farlo con i CSS e non con le tabelle