Supprimer l'espace entre deux lignes (css)

[Résolu/Fermé]
Signaler
-
 misterfif -
Bonjour,
j'ai fait un tableau (qui en fait sera une espèce de carte) mais pour cela, je dois supprimer tous les espaces (dans chaque case doit être affiché une image, toutes de la même taille, mais il ne doit pas y avoir un seul espace entre les cases).
J'arrive sans problème à supprimer l'espace entre deux cases sur une même ligne, mais entre les lignes, pas moyen. J'ai beau mettre padding et margin à 0 ( j'ai aussi mit cellspacing et cellpadding à 0), supprimer les bordures, etc... ce CSS appliqué aux tr, td et à table (au cas où).
Mais rien à faire, j'ai toujours cet espace entre mes lignes.
Quelqu'un aurait-il une idée ?

7 réponses

Messages postés
922
Date d'inscription
mercredi 24 juin 2009
Statut
Contributeur
Dernière intervention
11 mars 2020
140
Rajoute un "display:block" sur tes images : .carte img{ display:block }
5
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 41713 internautes nous ont dit merci ce mois-ci

Messages postés
339
Date d'inscription
mercredi 2 juillet 2008
Statut
Membre
Dernière intervention
29 février 2012
35
Appel ton tableau avec

<table cellspacing=0 cellpadding=0>

je viens de tester ca marche :x
Là est bien le problème : ça devrais marcher.
Bon je passe l'adresse :
http://jolan.olympe-network.com/galactique/play.php

Et le code pour ceux qui veulent (oui, c'est un truc en php) :
<div class="snt">
<table cellspacing=0 cellpadding=0><?php
$n = 0;
while ($n < 10)
{
$n++;
echo '<tr class=carte cellspacing="0" cellpadding="0">';
$t = 0;
while ($t < 10)
{
$t++;
$image = mysql_query("SELECT * FROM carte WHERE carte_place_x =".$t."
AND carte_place_y =".$n);
$image = mysql_fetch_array($image);
echo '<td class=carte cellspacing="0" cellpadding="0"><img src="'.$image['carte_image'].'" WIDTH=25 HEIGHT=25/></td>';
}
echo '</tr>';
}
?>
</table></div>

Avec le CSS correspondant :
.snt table
{
margin: 0px;
padding: 0px;
border : none;
border-spacing : 0px 0px;
}
.snt td {
margin: 0px;
padding: 0px;
border : none;
border-spacing : 0px 0px;
}
.snt th {
margin: 0px;
padding: 0px;
border : none;
border-spacing : 0px 0px;
}
.snt tr {
margin: 0px;
padding: 0px;
border : none;
border-spacing : 0px 0px;
}


Oui, j'ai appliqué ce que l'on devrait appliquer, mais moi partout. J'en devient fou, ça fait trois heures que je penche sur ce problème que je ne comprends pas.
Messages postés
259
Date d'inscription
lundi 22 février 2010
Statut
Membre
Dernière intervention
11 mars 2010
18
rajoute border="0" dans la balise table
ça ne change rien.
De toute manière, ce n'est pas supprimer la bordure qu'il faut, mais supprimer l'espace.
J'ai essayé le display:block, et effectivement, ça marche.

Merci Meudah !
pr supprimer espace interligne d'un tableau.

ds la code CSS correspondnant a votre table; coder :

border-collapse:collapse;