Riga di tabella

[ff8mania]

Ragazzi,

sto cercando di fare una cosa semplice, ma ho grosse difficoltà.

Ho una tabella nella quale vorrei mettere i bordi soltanto alle righe, non ad ogni cella.

Pensavo che questo modo sarebbe andato bene:

.bsn{ border-width: 1px; border-style: groove; height: auto; width: auto; vertical-align: middle; }


<table>

<tr class="bsn"><td>(log11.txt) Step #1 [10:27:22] [img]2rightarrow.png[/img]</td><td>Step #2 [10:27:22] [img]2rightarrow.png[/img] </td><td>Step #3[10:27:25] [img]2rightarrow.png[/img] </td><td>Step #4[10:27:25] </td></tr>
</table>

In questo modo i bordi non sono assolutamente visualizzati. Se metto il class=bsn all'interno dei td mi visualizza i bordi, ma per tutte le celle, mentre io vorrei bordare soltanto le righe.

Cosa sto sbagliando?

Bye

[custanz]

ma solo in IE 6 non si dovrebbero vedere...

perchè mi pare che IE 6 non venga supportato il border dei tr

[ff8mania]

Originariamente inviato da custanz
ma solo in IE 6 non si dovrebbero vedere...

perchè mi pare che IE 6 non venga supportato il border dei tr

Sono su mac e non lo vedo ne con safari ne con firefox

[custanz]

bè.. volendo si può ovviare basta gestire i td di quel tr..

.bsn td { border-top: 1px groove;  border-bottom: 1px groove;  }

[ff8mania]

Originariamente inviato da custanz
bè.. volendo si può ovviare basta gestire i td di quel tr..

.bsn td { border-top: 1px groove;  border-bottom: 1px groove;  }

Cambio il css come dici te, ma lascio l'html così com'è?

[ff8mania]

Il risultato è l'immagine in allegato...come mai quegli spazietti fra una cella e l'altra?
Inoltre non c'è la possibilità di "chiudere" a destra e sinistra i bordi?

[custanz]

per metter i laterali dovresti creare delle classi apposite per il primo e l'ultmio td...

[ff8mania]

Originariamente inviato da custanz
per metter i laterali dovresti creare delle classi apposite per il primo e l'ultmio td...

Ok, e per levare quella interruzione fra una cella e l'altra?

[custanz]

per gli spazi devi eliminare il cellspacing della tabella

...
<table cellspacing =0>
...