Solito problema con un <TD> vuoto

[*Ray*]

Ciao a tutti,

ho l'annoso problema del <TD> vuoto: in pratica ho un <TD> che appartiene a una classe e se il contenuto e' vuoto lo stile non viene applicato.

NON POSSO metterci un dentro perche' ho bisogno essenzialmente di fare questo:

<tr><td class="miaclasse"></td></tr>

Dove:

.miaclasse = { height: 5px;
               border-top: solid 1px black; }

In pratica ho bisogno di una cella alta 5 px e con una riga di bordo in cima nera.

Se metto anche solo uno spazio dentro, la cella ovviamente diventa alta quanto la font.

Come faccio a risolvere? Esiste un modo senza mettere una GIF o altra immagine completamente invisibile? Quest'ultima soluzione e' inaccettabile nel mio caso per motivi che non vi sto a spiegare.

[flanza]

aggiungi nella classe un

font-size:0;

e poi scrivi qualcosa nella cella tanto non si vede!

A proposito c'è un = di troppo nel css

[Federix]

Prova anche con line-height: 5px e ricorda che il pixel del bordo influisce sull'altezza della cella.

[simone.xml]

innanzitutto (anche se nono farai magari troppo contenti i browser)
http://www.w3.org/TR/CSS21/tables.html
...poi puoi settare lo sfondo come vuoi e utilizzare uno spacer.gif (1px,1px trasparente) e poi

(...)
<td class="myClass">[img]images/spacer.gif[/img]</td>
(...)

in caso togli / di fine immagine per compatibilità con HTML 4.01 o lascialo per l'XHTML 1.0