Ciao a tutti.
Ho notato che se imposto il colore di baclground sul tag TR ottengo comunque delle righe non continue, dove si vede dello spazio tra le varie colonne...
Qualcuno sa come posso fare per colorare una riga di tabella senza vedere nessuno spazio tra una colonna e l'altra ?
Ciao!
Non mettendo spazi tra una cella e l'altraOriginariamente inviato da dacdam
Ciao a tutti.
Ho notato che se imposto il colore di baclground sul tag TR ottengo comunque delle righe non continue, dove si vede dello spazio tra le varie colonne...
Qualcuno sa come posso fare per colorare una riga di tabella senza vedere nessuno spazio tra una colonna e l'altra ?
Ciao!
Ma scusa, che risposta è ?
O mi stai prendendo in giro o io non sò come si fà a mettere o non mettere spazi tra una cella e l'altra... spiegami meglio.
Ciao.
P.S.
Naturalmente io non ho messo niente tra una cella e l'altra.... poi se gli spazi ci sono di default tipo il bordo del body e vanno tolti... allora quella è la risposta che cerco. Certo che rispondere alla domanda "come faccio a fare questa cosa" con "facendo quella cosa" non mi sembrerebbe proprio utile...
...questo esempio ti può essere utile..
[code]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type= "text/css">
table, td, th{border:0px solid #EEE;border-collapse:collapse}
td,th{padding:3px 5px}
td{text-align:right}
th{text-align:left}
tr.odd td,tr.odd th{background: #D5E4FF}
caption{font-weight:bold;color: #999}
tr.altrocolorebg{background: black}
</style>
</head>
<body>
<table >
<caption>formattazione tabella</caption>
<thead><tr><th>voce1</th><th>voce2</th><th>voce3</th><th>voce4</th></thead>
<tr class="odd">
<td>dato1</td>
<td>dato2</td>
<td>dato3</td>
<td>dato4</td>
</tr>
<tr class="odd">
<td>dato5</td>
<td>dato6</td>
<td>dato7</td>
<td>dato8</td>
</tr>
<tr class="altrocolorebg">
<td>dato9</td>
<td>dato10</td>
<td>dato11</td>
<td>dato12</td>
</tr>
</table>
</body>
</html>
[/code]
Grazie Moonba, quello che mi serviva è "border-collapse:collapse".
Adesso è tutto ok.
Grazie ancora, ciao!
Permessi di invio
Rispondi quotando