Espace entre des images html css

Fermé
momohuri - 8 sept. 2009 à 12:04
 momohuri - 8 sept. 2009 à 12:48
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

Utilisateur anonyme
8 sept. 2009 à 12:21
Déjà, premièrement, l'attribut "top" pour "float" n'existe pas...

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

0
M@dien Messages postés 437 Date d'inscription mercredi 29 juillet 2009 Statut Membre Dernière intervention 23 septembre 2010 74
8 sept. 2009 à 12:25
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...
0
ca fonctionne merci bcp
0