Rimuovere tutti imbottitura e tavolo margine di HTML e CSS

Ho questa tabella:Rimuovere tutti imbottitura e tavolo margine di HTML e CSS

<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>

ed ecco il css

html, body, #page { 
    height:100%; 
    width:100%; 
    margin:0; 
    padding:0; 
} 

#header { 
    margin:0; 
    padding:0; 
    height:20px; 
    background-color:green; 
}

e voglio rimuovere tutti i margini e padding, ma sempre ho che :

enter image description here

Come posso risolvere questo?

fonte

2013-05-07 begiPass

Prova questo:

#page td { 
    padding:0; margin:0; 
} 

#page { 
    border-collapse: collapse; 
}

fonte

2013-05-07 20:27:59 wroniasty

Rimuovere imbottitura tra le celle all'interno della tabella. Basta usare gli attributi cellpadding=0 e cellspacing=0 nel tag tabella.

fonte

2013-05-07 20:28:30 Nps

Dovrebbe essere preferibile utilizzare CSS anziché attributi deprecati. –

Prova questo:

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

fonte

2014-09-18 14:24:21 zoom23

la spaziatura del bordo non funziona quando il bordo-collasso in modalità collasso. –

'table {border-collapse: collapse;}' ha fatto il trucco per me! – TetraDev

tavoli sono elementi dispari. A differenza di div s hanno regole speciali. Aggiungere gli attributi cellspacing e cellpadding, impostare su 0 e dovrebbe risolvere il problema.

<table id="page" width="100%" border="0" cellspacing="0" cellpadding="0">

fonte

2014-12-08 14:40:49 memer

La risposta accettata utilizza padding e margine css, che è l'alternativa consigliata a cellspacing e cellpadding, che sono stati deprecati per molti anni. E nota che HTML5 non supporta lo spazio di celle e il riempimento di celle. – ToolmakerSteve

trovo la risposta più perfettamente funzionante è questo

.noBorder { 
    border: 0px; 
    padding:0; 
    margin:0; 
    border-collapse: collapse; 
}

fonte

2016-06-01 10:56:49

Prova ad usare il corpo per rimuovere tutti i tag Magin e imbottitura, come desiderato.

<body style="margin: 0;padding: 0"> 
    <table border="1" width="100%" cellpadding="0" cellspacing="0" bgcolor=green> 
     <tr> 
      <td >&nbsp;</td> 
      <td>&nbsp;</td> 
     </tr> 
     <tr> 
      <td >&nbsp;</td> 
      <td>&nbsp;</td> 
     </tr> 
     <tr> 
      <td >&nbsp;</td> 
      <td>&nbsp;</td> 
     </tr> 
    </table> 
</body>

fonte

2017-02-06 13:38:15

Rimuovere tutti imbottitura e tavolo margine di HTML e CSS

risposta

Problemi correlati