Suppression des lignes de table et de l'espace table entre les cellules dans css

Question

J'ai ce site: http://redditlist.com/dir/1026 et je suis bloqué en essayant de supprimer l'espacement entre les cellules de sorte qu'il ressemblera plus à ceci: http://redditlist.com.

Answer 1

table#myTable{ 
    border-collapse:collapse; 
} 

Answer 2

Utilisez la propriété border-collapse CSS pour supprimer l'espace entre les cellules:

table { 
    border-collapse: collapse; 
} 

Vous voyez l'espacement entre les cellules de table par défaut, car chaque cellule a sa propre frontière, les cellules ne partagent pas les frontières. Ceci est appelé « le modèle séparé », comme cela est expliqué dans le Mozilla Developer CSS Reference:

Le modèle séparés est le modèle de bordure de tableau HTML traditionnel. Les cellules adjacentes ont chacune leurs propres frontières distinctes. La distance entre eux donnée par la propriété border-spacing.

Vous pouvez « supprimer » l'espacement entre les cellules en leur faisant partager les frontières entre eux, qui est connu comme le « effondrés modèle frontière »:

Dans le modèle effondré frontière, les cellules de la table adjacentes partagent des bordures.

Answer 3

Essayez cette

table.className td 
{ 
    display: inline-block; 
} 

ou

table.className td 
{ 
    display: block; 
} 

Answer 4

essayer

table td { display: table-cell; }