J'ai cette table:
<body>
<table id="page" >
<tr id="header" >
<td colspan="2" id="tdheader" >je suis</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
</table>
</body>
et voici le css
html, body, #page {
height:100%;
width:100%;
margin:0;
padding:0;
}
#header {
margin:0;
padding:0;
height:20px;
background-color:green;
}
et je veux supprimer toute la marge et le rembourrage mais j'ai toujours cela:
Comment puis-je résoudre ça?
Essaye ça:
#page td {
padding:0; margin:0;
}
#page {
border-collapse: collapse;
}
Essaye ça:
table {
border-spacing: 0;
border-collapse: collapse;
}
Les tableaux sont des éléments impairs. Contrairement à div
s, ils ont des règles spéciales. Ajoutez les attributs cellspacing
et cellpadding
, définis à 0
, et le problème devrait être résolu.
<table id="page" width="100%" border="0" cellspacing="0" cellpadding="0">
Essayez d’utiliser le corps de la balise pour supprimer toutes les marges et tout le rembourrage que vous souhaitez.
<body style="margin: 0;padding: 0">
<table border="1" width="100%" cellpadding="0" cellspacing="0" bgcolor=green>
<tr>
<td > </td>
<td> </td>
</tr>
<tr>
<td > </td>
<td> </td>
</tr>
<tr>
<td > </td>
<td> </td>
</tr>
</table>
</body>
Supprimer le remplissage entre les cellules à l'intérieur de la table. Utilisez simplement les attributs cellpadding=0
et cellspacing=0
dans la balise de la table.
Je trouve la réponse qui fonctionne le mieux
.noBorder {
border: 0px;
padding:0;
margin:0;
border-collapse: collapse;
}
Utiliser un bloc d'affichage
style= "display: block";