Comment se débarrasser de l'espace entre les table html?

Comment se débarrasser de ces espaces entre les images?
Comme vous pouvez le voir si j'ai mis les images l'une après l'autre, il n'y a pas de place et si j'ai mis ci-dessous puis il y a un espace. Comment puis-je résoudre ce problème?

Comment se débarrasser de l'espace entre les table html?

Et voici le code: 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
<style type="text/css">
.table{
border-collapse: collapse;
border-spacing:0;
}
</style>
</head>
<body>
<table width="805" border="0" cellspacing="0" cellpadding="0" class="table" align="center">
<tr>
<td><img src="sutent/1.png"></td>
</tr>
<tr>
<td><img src="sutent/2.png"><img src="sutent/3.png"></td>
</tr>
<tr>
<td class="td1" ><img src="sutent/4a.jpg"><img src="sutent/5.png"><img src="sutent/8a.png"><img src="sutent/9a.png"><img src="sutent/13a.png"></td>
</tr>
<tr>
<td><img src="sutent/4b.png"><img src="sutent/6.png"><img src="sutent/8b.png"><img src="sutent/9b.png"><img src="sutent/13b.png"></td>
</tr>
</table>
</body>
</html>
InformationsquelleAutor Luican Adrian | 2013-05-30
  1. 1

    Essayez de supprimer . dès le début de votre déclarée classe, et ne pas attribuer de classe à la table

    comme

    table{
border-collapse: collapse;
border-spacing:0;
}
    • je l'ai fait , mais ne peut toujours pas de travail
    • ajouter !important à la valeur de style comme border-collapse:collapse !important; et ajouter padding:0 !important; pour td pour style attribut.
    • jsfiddle.net/qbHQD toujours le même
    • line-height:10px; ajouter à table classe qui est défini à l'avant avec d'autres propriétés.
    • Bharadwaj merci , ça a fonctionné !!!
    • Je vous déconseillons d'utiliser line-height pour résoudre ce problème. Vous devez utiliser vertical-align:bottom à la place.

    InformationsquelleAutor Bharadwaj
  2. 2
    <style type = "text/css">
tr
{
margin:0;
padding:0;
}
td
{
margin:0;
padding:0;
}
table
{
cellspacing:0;
cellpadding:0;
}
</style>
    • merci pour la réponse mais ça ne fonctionne pas
    • essayez de nouveau. ont édité
    • nope , pas de changement
    • également essayer d'enlever le tableau de la classe et de l'appeler quelque chose d'autre. Peut-être est le conflit entre la classe et le nom de la balise.
    • ont également modifié le code à nouveau. L'essayer!
    • je l'ai fait , mais encore de l'espace entre les cellules
    • href="http://jsfiddle.net/qbHQD/" >jsfiddle.net/qbHQD

    InformationsquelleAutor imulsion
  3. 1

    Je sais que c'est une vieille question, mais j'ai pensé que je jetterais mon entrée dans le cas où il aide quelqu'un. Parfois, je rencontre des problèmes avec la police de la taille ou de la hauteur de la ligne en cours de big - ils peuvent créer des espaces entre les cellules de tableau, même si il n'y a pas de texte. Peut-être que vous devriez regarder dans.

    • que de bons conseils, pouvez-vous élaborer sur une solution devrait en effet être le cas?
    • si vous lisez la réponse attentivement, vous remarquerez qu'il est en fait ce qui suggère une cause possible de ce problème.
    • Vous avez absolument raison. Désolé, mon mauvais.
    • C'est du tout bon. Merci, Jeroen.
    • Donc, si c'est le cas, que c'est la hauteur de la ligne ou de la taille de police de jouer avec vos tables, vous n'avez qu'à les rétrécir vers le bas pour s'adapter à l'intérieur de la cellule. Je crois que le défaut hauteur de la ligne est d'environ 1.2 em, de sorte que vous pouvez essayer d'aller à 1,1, ou tout simplement en diminuant la taille de police dans la cellule.
    InformationsquelleAutor Drew Nusser