bonjour
dans un block je veux mettre 2 images l'une en dessous de l'autre.
c'est en fait une seule image que j'ai découpée ...
Mais voilà lorsque j'insere les 2 image l'une en dessous de l'autre, il y a un blanc entre les 2 images ...
comment faire pour supprimer ce blanc ?
merci
Modifié par imotep (25 Jul 2005 - 10:57)
Tu as essayé :

img {
margin: 0
}


Si oui, merci de donner le code en question afin de voir comment il est structuré Smiley cligne
Tu ne sais pas donner ton code html et ton code CSS pour que l'on y voit plus clair ???

Sinon chose la plus simple , recolle tes deux photos Smiley cligne , je ne vois pas a quoi peut bien servir ta découpe ???
oui j'ai bien essayé cette propriété, sans succès Smiley rolleyes
en fait j'ai 3 block qui sont utiliser en float!
pour simplifier les choses, on appelera le block gauche celui situé a gauche, le block center celui situé au centre et le block droit celui qui est à droite.

Mes images sont insérées dans le block centre:


#centre {
margin-left: 280px;
margin-right: 200px;
background-color: #fff;
}

<div id="centre">
        <img src="image/model1.jpg" /><img src="image/model2.jpg" />
      </div>


et je retrouve un blanc entre les 2 images.
en fait le problème vient du fait que mes balises sont en inline!
si je passe mes image en block, je n'ai plus d'espace.
est ce normal ?
Sans avoir regardé en détail, il me semble que oui : il peut s'agir simplement de l'espace réservé sous la ligne de base du texte inline (pour les jambages des lettres p q ...). La propriété vertical-align peut y remédier, mais il faut un contenu textuel, même blanc ou invisible...

<edit>Pour le vérifier, ajoute simplement la lettre p minuscule entre tes 2 images</>
Modifié par Laurent Denis (22 Jul 2005 - 20:44)
Sinon si jamais la solution de laurent ne fonctionne pas, essaye d'insérer un font-size:0; comme propriété pour ta balise div.