Supprimer l'espace entre deux lignes (css)

Résolu/Fermé
Jolan - 23 févr. 2010 à 17:21
 misterfif - 7 avril 2013 à 00:34
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 ?
A voir également:

7 réponses

Utilisateur anonyme
23 févr. 2010 à 17:50
Rajoute un "display:block" sur tes images : .carte img{ display:block }
5
bloodchecker Messages postés 339 Date d'inscription mercredi 2 juillet 2008 Statut Membre Dernière intervention 29 février 2012 35
23 févr. 2010 à 17:23
Appel ton tableau avec

<table cellspacing=0 cellpadding=0>

je viens de tester ca marche :x
2
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.
0
Titial69 Messages postés 259 Date d'inscription lundi 22 février 2010 Statut Membre Dernière intervention 11 mars 2010 20
23 févr. 2010 à 17:39
rajoute border="0" dans la balise table
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
ça ne change rien.
De toute manière, ce n'est pas supprimer la bordure qu'il faut, mais supprimer l'espace.
0
J'ai essayé le display:block, et effectivement, ça marche.

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

ds la code CSS correspondnant a votre table; coder :

border-collapse:collapse;
0