8
votes

Comment supprimer la séparation entre les lignes dans une table HTML?

J'ai une table HTML avec 3 lignes et 1 colonne. En haut et à boutons, j'ai des images et dans la rangée du milieu, j'ai div.

entre mes lignes, je vois une séparation (je vois le fond de ma page). J'ai essayé de mettre tout le rembourrage et les marges à zéro (pour les tables, div et images) et j'ai toujours cette séparation. Est-ce que quelqu'un, s'il vous plaît, aidez-moi à résoudre ce problème?


0 commentaires

6 Réponses :


8
votes

Définir le CellsCaCing = 0 Dans la balise ainsi que cellpadding = 0 .


3 commentaires

Vous pensez trop HTML 4 / CSS 1/1996.


Il utilise des tables pour formater sa page. C'est HTML4 / CSS1 / 1996. Ainsi, ma réponse.


Cette solution ne fonctionne pas non plus. En ce qui concerne le formatage avec des tables ... Il va prendre la bonne utilisation des divs, alors coupons-lui du mou. :)



16
votes

Essayez d'utiliser 'Border-Collapse':

table {
  border-collapse: collapse;
}


1 commentaires

Est-ce que quelqu'un a obtenu cela pour travailler? J'ai essayé et ça n'a rien fait pour moi.



0
votes

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

en CSS: xxx

ou dans HTML 4.01 / XHTML 1.0 DTD (strict ou transitoire) : xxx


0 commentaires

1
votes

Il semble que c'est votre H2 qui le cause. Pour le réparer, définissez la marge supérieure de celui-ci à zéro: xxx


0 commentaires

4
votes

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

J'ai utilisé xxx

cela a parfaitement fonctionné.


0 commentaires

5
votes

Utilisez ceci dans la balise IMG:

display: block;


1 commentaires

Hourra! Correction de mon problème!