Stile del bordo inferiore di un TD

[CiodoF]

Problema.
Ho una tabella siffatta :

<table width="100%" border="0" cellspacing="2" cellpadding="2" id="TableNote">  <tr>     
<th>Data</th>    
<th>Descrizione contatto</th>    
<th>Rif.</th>    
<th>@</th>    
<th>T.</th>  
</tr> 



 <tr>     <td> </td>    
   <td> </td>    <td>aa</td>    <td></td>    <td>a</td>  </tr>  <tr>     <td> </td>    
   <td> </td>    
   <td></td>    <td></td>    
   <td>ll</td>  
 </tr>
 <tr>
   <td>l</td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
 </tr>
 <tr>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
 </tr>
 <tr>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
 </tr>
 <tr>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
 </tr>
</table> 

Con quetso style

<style type="text/css">
<!--

#TableNote td {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCCCCC;
    background-color: #FFFFFF;
}
#TableNote th {
    font-weight: bolder;
    background-color: #CCCCCC;
    color: #CC0000;
    text-align: center;
    vertical-align: middle;
}
-->
</style> 

Ho il problema che le celle vuote non hatto il bordo che ho impostato. Come posso farlo comparire sempre, anche se la calla è vuota?

[gra-fichetto]

In attesa di una soluzione migliore potresti impostare un'immagine di sfondo per ogni TD.

Ovvero, crei un'immagine 1px per 1px e setti il tuo CSS:

#TableNote td {
background: url(bg.gif) left bottom repeat-x
background-color: #FFFFFF;
	}

[CiodoF]

Potrei ... ma cercavo n'a soluzione senza immagine se possibile.


Comunqe grazie per l'idea, non ci avevo pensato.

[gra-fichetto]

Un bel &nbsp ; in ogni TD vuota... (senza spazio tra "&nbsp" e ";" naturalmente)
Più pulita la soluzione con l'immagine.

[Another-Life]

Prova a dichiarare un altezza e una larghezza per ogni cella^^

[CiodoF]

Le altezze e le larghezze sono variabili a seconda del contenuto.

[Mich_]

In quel codice c'e` una contraddizione tra la formattazione HTML e la formattazione CSS: probabilmente il comportamento sara` diverso a seconda dei browser.

Prova ad eliminare la formattazione realizzata tramite attributi HTML (width="100%" border="0" cellspacing="2" cellpadding="2") ed utilizza i corrispondenti attributi CSS, da applicare ai <td>:
margin: 2px;
padding: 2px;
border: 0 0 1px 0 dotted #ccc;

e da applicare alla <table>:
border-collapse: collapse;
width: 100%;
border: 0;

[Another-Life]

CiodoF....allora??il consiglio di Mich ha funzionato??