web-dev-qa-db-fra.com

Espace entre <td>. Pourquoi et comment puis-je supprimer?

Je crée une table "normale" et tous les TD ont "border: 1px solid # e6e6e6" et "margin: 0". TR et TABLE ont trop "margin/padding: 0" mais j'ai encore de l'espace entre les TD comme ici: h

enter image description here

Pourquoi? :)

<td></td>

http://jsfiddle.net/VfSdV/

21
Kuba Żukowski

Utilisez l'espace cellulaire et le remplissage cellulaire:

 <table cellspacing="0" cellpadding="0">

 </table>
39
Keith

Puisque cellspacing et cellpadding ne sont plus pris en charge en HTML5, utilisez le CSS suivant:

table {
  border-collapse: collapse;
}

jsfiddle

47
Brian Phillips

Après beaucoup d'essais et d'erreurs, j'ai fini par utiliser la plupart de ce que tout le monde a mentionné, ainsi que d'autres sites. Cela a fonctionné pour moi.

table {
border:0px;
border-collapse:collapse;
border-spacing:0px;
}

td,img { 
padding:0px; 
border-width:0px; 
margin:0px; 
}
10
CSS2013

Pourriez-vous essayer cela?

table#table {
    border-spacing: 0;
}

Ce morceau de CSS fonctionne pour moi. J'espère que ça aide :).

2
Etienne Arthur