Comment supprimer la séparation entre les lignes d'un tableau HTML?

Question

J'ai une table html avec 3 lignes et 1 colonne. Dans la rangée du haut et du bouton, j'ai des images et dans la rangée du milieu, j'ai div.

Entre mes lignes je vois une séparation (je vois l'arrière-plan de ma page). J'ai essayé de mettre tout le padding et les marges à zéro (pour les tableaux, les div et les images) et j'ai toujours cette séparation. Quelqu'un peut-il, s'il vous plaît, m'aider à résoudre ce problème.

Answer 1

Définissez cellspacing=0 dans l'étiquette <table> ainsi que cellpadding=0.

Answer 2

Essayez d'utiliser 'border-collapse':

table { 
    border-collapse: collapse; 
} 

Answer 3

Vous devez éliminer l'espacement des cellules de table elles-mêmes.

En CSS:

<style type="text/css"> 
    td { 
    border-collapse: collapse; 
    border-spacing: 0; 
    margin: 0; 
    padding: 0; 
    } 
</style> 

Ou dans HTML 4.01/XHTML 1.0 DTD (Strict or Transitional):

<table cellspacing="0" cellpadding="0"> 
    [...] 
</table> 

Answer 4

Il semble que c'est votre H2 qui est la cause. Pour résoudre ce problème, définir la marge supérieure de celui-ci à zéro:

<h2 style="margin-top: 0;"><span class="text">Welcome to the Colored Trails Game Page!</span></h2> 

Answer 5

Gonzohunter clouée cela, bien, mais vous pouvez trouver plus facile de définir le style sur la table, en supposant que vous êtes dans une version récente de HTML.

J'utilisé

<table style='border-collapse: collapse;'> 
    ... 
</table> 

Cela a parfaitement fonctionné.

Answer 6

Utilisez cette balise img:

display: block;