Non capisco dove sia l'errore, ma se provo a settare un bordo inferire per le righe di una tabella, questo comando viene ignorato.
Il codice html:
<table class='fan'>
<tr>
<td colspan="2" class='scartxt'>123456</td>
</tr>
<tr>
<td colspan="2" class='scar'>123456</td>
</tr>
<tr>
<td colspan="2">123456</td>
</tr>
<tr>
<td class='testi'>123456</td>
<td class='num' >123456</td>
</tr>
<tr>
<td class='testi'>123456</td>
<td class='num' >123456</td>
</tr>
<tr>
<td class='testi'>123456</td>
<td class='num' >123465</td>
</tr>
<tr>
<td class='testi'>123456</td>
<td class='num' >123456</td>
</tr>
</table>
Il codice css.:
table.fan{
font-size: 85%;
table-layout : auto;
width: 77px;
border-collapse: collapse;
}
table.fan td.testi{width: 50px;}
table.fan tr{border-bottom: 1px dotted #336600;}
table.fan td.num {text-align: right; background-color:#f2f6e5; width: 40px;}
table.fan td.scar { font-size: small; color: white; text-align: center; background-color:red; font-weight: bold;}
table.fan td.scartxt { font-size: small; text-align: center; font-weight: bold;}
La riga in grassetto, che dovrebbe definire il bordo di ogni riga, viene ignorata.
Mi sapete dire dove sbaglio?
Grazie in anticipo

Rispondi quotando