Bonjour à tous,

J'essaye, en vain pour le moment, d'afficher sur une même ligne du texte et deux images. Ah c'est tellement plus simple le HTML basique.

je vous explique : j'ai une liste (<li>) dans laquelle, sur chaque ligne, j'affiche un nom de fichier ainsi que deux images (1 pour voir, 1 pour télécharger).

Pour l'instant, j'ai écris le code suivant :

<li>toto <div id="maphoto"></div> <div id="maphoto2"></div></li>

#maphoto {
 float : left;
 background-image : url(voir.bmp);
 background-repeat : no-repeat; 
 height : 5px;
 width : 15px;
}



Il m'affiche bien l'image, par contre elle s'affiche sur la ligne d'en dessous. Or moi je la souhaiterais sur la même ligne. Comment remédier à cela?

Merci d'avance.
Modifié par joquetino (20 Jun 2006 - 11:57)
Bonjour,

Je t'invite à
mettre en forme ton code html en respect avec les règles de ce forum.

Je pense qu'en utilisant un
display: inline;
sur tes divs tu devrais corriger le pb.

Petite note, le bmp et le net ca fait deux... il faut que tu utilise du jpeg, png ou gif.