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

A voir également:

Comment espacer des images en html
Des images - Guide
Editeur html - Télécharger - HTML
Br html ✓ - Forum Webmastering
&Lt;br> ou <br /> ou </br> ✓ - Forum Webmastering
Balise </br> - Forum HTML

3 réponses

Réponse 1 / 3

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" !

Réponse 2 / 3

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...

Réponse 3 / 3

momohuri
8 sept. 2009 à 12:48

ca fonctionne merci bcp

Discussions similaires

Espace en HTML

Espace HTML

[**] Balise pour un espace vide en hml. Merci

calcule nombre des pixels "noir" dans un image (noir/blanc)

combien d'espace memoire occupe un entier ...