Comment utiliser cellpadding et cellpacing sur HTML5?

Question

J'essaie d'utiliser CSS3 pour définir l'espacement et le remplissage des cellules de mon tableau, car HTML5 ne prend pas en charge ces attributs.

J'ai trouvé de nombreuses ressources sur Internet qui indiquent que vous devez utiliser l'espacement des bordures et le remplissage à l'aide de CSS.

Unfo. J'ai essayé toutes ces astuces, mais il semble que rien ne change du tout. L'espacement est très important car j'inclus la structure de l'image sur les différentes cellules du tableau.

Alors, comment je peux le résoudre maintenant? plz besoin de votre aide 

#SearchTable
{
    border-collapse: collapse;
    padding:0px 0px 0px 0px;
}

#SearchTable td 
{
    padding:0;
    border-spacing:0px 0px; 
}

Answer 1

Pour l'espacement cellulaire: 

1. Définissez l'espacement des bordures sur la table, pas sur le td.
2. Définissez border-collapse pour séparer.

#SearchTable {
   border-collapse: separate;
   border-spacing: 8px; 
}

Answer 2

Vous n'avez pas défini id=SearchTable sur la table, ni d'autres règles de feuille de style qui remplacent celles que vous spécifiez. En tant que tel, les règles que vous avez publiées sont plus que suffisantes pour l’effet; tu a juste besoins

#SearchTable
{
    border-collapse: collapse;
}

#SearchTable td 
{
    padding:0;
}

(qui sont déjà en CSS2).

Answer 3

Vous devez le définir comme ça. Cela a fonctionné pour moi.

#SearchTable {
    border-spacing:2px 2px;
    border-collapse:separate;
}

#SearchTable td {
    border:1px solid black;
}