Equivalent CSS de cellpadding et cellspacing

March 21st, 2007

Tout d’abord, ce qu’il faut noter, c’est que les attributs cellpadding et cellspacing ne sont pas dépréciés en HTML 4, et même pas en XHTML 1.1.
Cela vient sans doute du fait qu’il n’y avait pas encore d’équivalent à ces propriétés en CSS1 lorsque le HTML 4 a été rédigé.

Depuis le CSS2, vous pouvez vous passer de ces propriétés, et faire votre mise en forme uniquement en CSS :-D

Pour le cellpadding, c’est assez simple, il faut attribuer la propriété padding à toutes les cellules du tableau.

One Two Three
Four Five Six
table#monTableau td
{
	padding:0px;
}

Pour cellspacing, en revanche, c’est un (tout) petit peu plus complexe.

Si vous voulez supprimer le cellspacing, il faut utiliser border-collapse. Cela fonctionne avec tous les navigateurs.

One Two Three
Four Five Six
table#monTableau
{
	border-collapse:collapse;
}

Enfin, si vous voulez mettre un espace défini entre chaque cellule, il faut utiliser border-spacing. En revanche, cela ne marchera pas avec Internet Explorer.

One Two Three
Four Five Six
table#monTableau
{
	border-spacing: 10px;
}

Et voilà, c’est tout pour aujourd’hui ;-)

5 Responses to “Equivalent CSS de cellpadding et cellspacing”

  1. winterboard Says:

    Merci tu m’a beacoup aide :)

  2. weezy Says:

    Merci bocoup, sa ma aussi aidé

  3. 2004paris Says:

    merci!!!

  4. TapeteDesign Says:

    Sympa petit tuto pour faire une transition complète vers le CSS.

    Winterboard et Weezy… apprenez à écrire. Si vous traitez votre écriture de la sorte, j’ose même pas m’imaginer les atrocités que vous devez faire subir aux codes.

  5. Quelqu'un Says:

    Mais c’est qu’il porte bien son nom, lui.