Settare cellpadding e cellspacing in HTML 5 con CSS

Settare cellpadding e cellspacing in HTML 5 con CSS

Una delle cose più odiose della programmazione html e css sono gli spazi delle tabelle o delle celle! Per settare questi parametri direttamente in html potremmo scrivere così:

<table cellpadding="0" cellspacing="0">
   <tr>
      <td></td>
   </tr>
</table>

Usando la doctype per html 5, questo codice diventa obsoleto e quindi si verifica un errore se usiamo W3C Validator. Per ovviare a tutto ciò useremo i fogli di stile: CSS. Ecco come possiamo procedere:

CSS

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

HTML

<table>
   <tr>
      <td></td>
   </tr>
</table>

Possiamo notare che, scrivendo così come descritto, eviteremo qualsiasi errore di codice e di compatibilità dei browsers.