un tr e td che non si assottiglia

[james]

Su questa tabella:

<table id="organigramma" align="center">
<tr>
<td>Ciao</td>
</tr>
<tr class="org_spacer">
<td></td>
</tr>
</table>

Con questo CSS

table#organigramma tr.org_spacer { background-color:#000; height:2px; padding:0; margin:0; }
table#organigramma tr.org_spacer td { padding:0; margin:0; height:2px; background-color:#CCC; }

perchè la seconda riga della tabella (class="org_spacer") non assume un'altezza di 2px come voglio io?!

[floyd46]

ciao
mi sa che dovresti usare una immagine gif di 1px X 1 px;
solo così la puoi ottenere anche di height="1".

saluti

[james]

Originariamente inviato da floyd46
ciao
mi sa che dovresti usare una immagine gif di 1px X 1 px;
solo così la puoi ottenere anche di height="1".

saluti

Grazie del consiglio, il problema in realtà l'ho risolto togliendo il nbsp; e lasciando il td vuoto, è una buona soluzione o è meglio cmq inserire una immagine da 1x1 trasparente?

[nickmadison]

nbsp;

infatti se presente nbsp; nn puoi ottenere 1px perchè quel carattere assume l' altezza del testo.

è meglio cmq inserire una immagine da 1x1 trasparente?

meno cose ci metti per ottenere un determinato risultato e meglio è.... basta che il risultato si ottenga

[james]

Originariamente inviato da nickmadison
infatti se presente nbsp; nn puoi ottenere 1px perchè quel carattere assume l' altezza del testo.


meno cose ci metti per ottenere un determinato risultato e meglio è.... basta che il risultato si ottenga

grazie del consiglio, non ci lascio nulla

<td></td>

[zoom]

io metterei uno spazio (nbsp) con font-size:0;
per il semplice fatto che non tutti i browser vedono allo stesso modo td completamente vuoti.