Version complète: sur le forum Webmaster Hub : aligner une image
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
bolo
Bonjour,

comment faire l'image au meme niveau que le texte ?

Merci
Gribouille26
Salut,

Ta question est un peu vague alors je dirai: met les sur la même ligne. biggrin.gif

Sinon, tu devrai donner ton bout de code, ou réexpliquer plus grandement ton problème en l'illustrant.... wink.gif

Gribouille
bastoun
si je comprend bien ta question tu veux aligner une image et un texte à la même hauteur ?
Dans ce cas tu peux utiliser les tables par exemple

CODE
<table>
 <tr>
   <td valign='top'><img src='...'></td>
   <td valign='top'>ton texte</td>
 </tr>
</table>


Dis moi si ca répond à ta question
bolo
oui c'est vrai smile.gif
pardon en fait j'aimerais que mon image ne soit pas en haut mais au même niveau que le texte

je n'utilise pas de tableau
lupucide
Il faut définir un style pour ton image.

CODE
<img src="mon-image.png" alt="truc" style="vertical-align: middle;" />


Ou bien donner une classe à tes images (si plusieurs).
bolo
j'ai essayer mais l'image n'est pas au même niveau que le texte
lupucide
Arf, ton image à quelle dimension ? Je ne sais pas pourquoi mais j'ai pensé à un smiley, ce qui n'est pas forçément le cas.

CODE
<img src="mon-image.png" alt="truc" style="vertical-align: middle; float: left;" />


Remplace left par right selon la position de l'image. En espérant avoir vu juste, cette fois.
bolo
mon image est des dimensions 16x16

je teste demain et je te dis

merci
Régis
CITATION(bolo @ jeudi 07 avril 2005, 18h37)
comment faire l'image au meme niveau que le texte ?

Bonjour "bolo",

Dans ton style CSS, utilise, une des propriétés de "vertical-align" :
- baseline
- middle
- sub
- super
- text-top
- text-bottom
- top
- bottom
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.