cellpadding et cellspacing sont encore autorisés dans les dernière versions du XHTML. Donc par souci de compatibilité avec les anciens navigateurs, on peut les garder.

Voici néanmoins les équivalents CSS de ces attributs HTML :

cellpading -> c'est la propriété classique padding qu'il faut l'utiliser. Il faut l'appliquer à une cellule (<td> ou <th>)

cellspacing -> son équivalent est [s]border-spacing[/s], à appliquer sur un élément <table>. Attention toutefois, Internet Explorer pour Windows ne supporte pas cette propriété. Il faut donc garder cellspacing.


Remarques

* S'il semble difficile de se séparer de cellspacing à cause d'IE, on peut en revanche oublier sans regret cellpadding. Il n'y a que des avantages à utiliser padding :
- On a le choix de l'unité (px, pt, em...)
- On peut appliquer un padding particulier à une cellule ou à un groupe de cellule (via les classes)

Une manière élégante de déclarer le padding par défaut pour les cellules d'un tableau pourrait être celle-ci :



Avec la CSS associée :




* Si on définit un espacement entre les cellules nul (cellspacing="0" ou border-spacing: 0;) il bon de se pencher sur la propriété border-collapse. Cette propriété prend 2 valeurs :
- separate : les bordures des cellules adjacentes sont collées les unes aux autres. Si par exemple les bordures des cellules ont une épaisseur de 2px, la largeur apparente des bordures entre les cellules sera de 4px.
- collapse : les bordures des cellules adjacentes sont fusionnés. Autrement dit l'épaisseur apparente sera toujours de 2px (si on reprend l'exemple précédent).

Merci à gm_superstar pour cet article