Espace entre des images html css [Fermé]

Signaler
-
 momohuri -
Bonjour,
j'ai essayer pas mal de methode mais a chaque fois ca ne fonctionne pas ,
code html:

<body>
<div id="tout">

<img id="banniereim" src="image/top-bg.jpg" alt="banniere du site" /> <---------entre ces deux image il y a un espace noir (elle sont l'une en dessous de lautre)
<img id="menu-bg" src="image/menu-bg.jpg" alt="menu du site" />

</div>


</body>

code css:

body
{
background-color: black;
margin-top:0px;


}
div#tout
{
width:980px;
margin-left: auto;
margin-right: auto;
}

img
{
border-bottom:0px;
}
img#menu
{
float:top;
}

si kk peut maider... merci

3 réponses

Messages postés
1001
Date d'inscription
vendredi 7 août 2009
Statut
Membre
Dernière intervention
21 mars 2010
188
Déjà, premièrement, l'attribut "top" pour "float" n'existe pas...

C'est "left" "right" ou "none" pour configurer "float" ! pas "top" !

Messages postés
437
Date d'inscription
mercredi 29 juillet 2009
Statut
Membre
Dernière intervention
23 septembre 2010
74
C'est sûr.

Après, ce "bug" récurrent est du à la propriété INLINE de la balise IMG.
Ceci va résoudre le problème:
img {display:block;}


une autre solution est de mettre line-height:0px; au conteneur des images, mais dans ce cas, il faut faire attention au texte inclus...
ca fonctionne merci bcp