Ciao a tutti, devo creare una tabella con i css che mi servira soprattutto in fase di stampa (diciamo che sarà un documento sampato)...
il mio problema però non è la fase di stamp, ma il layout della tabella, dato che sono nuovissimo con i css.
Vi dico quale è il mio obiettivo:
una tabella senza bordi, con righe con sfondo di colore alternato (biaco-grigio-bianco-grigio), per facilitare la lettura.
e con il titolo con un bordo che circonda l'intera riga.
Vi posto un'immagine di esempio
l'immagine è grande e solo di prova...
però spero che almeno faccia capire il mio obiettivo:
righe alterne e titolo con bordo unito che circonda la riga.
vi posto il codice che ho creato fino ad ora:
HTML:
<table id="prova">
<tr id="titolo">
<td>Movimento</td><td>Prezzo</td>
</tr>
<tr>
<td>Ciao </td>
<td>ariciao</td>
</tr>
<tr class="grigio"><td>Prova</td>
<td>ariprova</td>
</tr>
</table>
con il seguente css:
table#cassa{
border: none; border-collapse: collapse
}
table#cassa tr.grigio{
background: #ccc;
}
table#cassa tr#titolo{
background: #eee;
}
e riesco ad avere le righe di colore alternato, ma con delle controindicazioni: non riesco a dargli un margine tra una colonna ed un'altra (penso per l'effetto del collapse), quindi le colonne tra di loro sono attaccate (non proprio un bell'effetto)
inoltre non so proprio dove mettere le mani per la creazione del bordo per il titolo...
qualche guru tra voi sa dirmi cosa posso fare?
grazie mille per qualsiasi risposta
Enrico
Rispondi quotando
