Comment afficher 2 images collées sous firefox ?

Dav36 · 25 Juillet 2005

Bonjour à tous,
Je cherche depuis un bon moment la solution mais sans succès...
Je souhaite afficher 2 images verticalement mais sans espace entre.
Sous Internet Explorer cela fonctionne mais pas sous Firefox qui me place un espace entre les images.
J'ai mis les marges et le padding à 0 mais aucun effet.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
</head>
<body>
<div style="margin:0;padding:0;"><img src="haut1.jpg" alt="" /></div>
<div style="margin:0;padding:0;"><img src="haut2.jpg" alt="" /></div>
</body>
</html>

J'attends vos réponses avec impatience...
Merci d'avance.

Photoshop user · 25 Juillet 2005

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
</head>
<body >
<div style="margin:0;padding:0;display: inline;"><img src="haut1.jpg" alt="" /><img src="haut2.jpg" alt="" /></div>
</body>
</html>

Dav36 · 25 Juillet 2005

merci pour ta réponse photoshop user, mais le rendu est identique chez moi...

image1
espace
image2

je voudrais obtenir:

image1
image2

une autre idée ? je sèche...

e-kiwi · 25 Juillet 2005

essaye déjà avec la bonne syntaxe

"0px"

Dav36 · 25 Juillet 2005

idem.... :roll:

jerome347 · 25 Juillet 2005

0, que ce soit des px, des em ou des choucroutes, ça fait toujours 0.

D'après http://pompage.net/pompe/cssefficace/ ce n'est apparemment pas obligatoire de préciser l'unité quand la valeur est nulle :

De plus, les unités de mesure doivent être spécifiées pour chacune des valeurs, à moins qu'elles ne soient nulles. Remarquez que la taille nulle de la propriété margin est définie par un 0, car il est inutile de préciser l'unité utilisée quand une valeur est nulle.

j dahec · 25 Juillet 2005

<img alt="" src="....gif"
style="border: 0px solid ; width: ...px; height: ...px;" vspace="0"><br>
<img alt="" src="....gif"
style="border: 0px solid ; width: ...px; height: ...px;" vspace="0">
Normalement il n'y a pas d'espace.

Dav36 · 25 Juillet 2005

Merci j dahec! :wink:
ça fonctionne...
Il faut effectivement préciser la taille de l'image pour que l'affichage soit correct sous firefox.

Bonne journée à tous.