Tabella sovrapposizione bordi

  • Creatore Discussione Creatore Discussione colomber
  • Data di inizio Data di inizio

colomber

Utente Attivo
4 Dic 2012
232
1
18
Ho una tabella di questo tipo:

HTML:
<style>
table{width:100%;border: 1px solid black;border-collapse: collapse;}
table td{border: 1px solid black;padding: 0.2em;overflow-x: auto;display: block;}
</style>

<table>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td></tr>
<tr><td>f</td><td>g</td><td>h</td><td>i</td><td>l</td></tr>
</table>



con quel css la tabella diventa


HTML:
<table>
<tr><td>a</td></tr>
<tr><td>b</td></tr>
<tr><td>c</td></tr>
<tr><td>d</td></tr>
<tr><td>e</td></tr>
<tr><td>f</td></tr>
<tr><td>g</td></tr>
<tr><td>h</td></tr>
<tr><td>i</td></tr>
<tr><td>l</td></tr>
</table>




alcuni bordi della tabella si sovrappongono o rimangono degli spazi tra una colonna e un'altra c'é un modo per renderla più pulita?

grazie
 
Come è strutturata la tabella, sono esclusivamente delle righe, per fare delle colonne (in questo caso 2) ecco qui:
HTML:
<body>
<table>
<tr><td width="416">a</td><td width="701">f</td></tr>
<tr><td width="416">b</td><td width="701">g</td></tr>
<tr><td width="416">c</td><td width="701">h</td></tr>
<tr><td width="416">d</td><td width="701">i</td></tr>
<tr><td width="416">e</td><td width="701">l</td></tr>
</table>
</body>
 

Discussioni simili