Positionner une image par rapport à son texte

[shangailily]

Bonjour,

Je ne voudrais ps utiliser de tableau....

Mon souci est de positionnner correctement une image par rapport à son texte. Je veux que mon texte soit au milieu (verticalement) par rapport à l'image. Comme il est déconseillé d'utiliser absmiddle pr l'image. Comment faire avec le style et div et qui passe bien sous IE, Mozilla et Opéra

Merci...

[lapin7]

salut,

tu dois utiliser les propriétés de la balise img middle

<img src="url_image.jpg" align="middle">le texte

plus de détails ici

[Monique]

Bonjour,

Dans la feuille de style, par exemple

img {
  vertical-align: middle;
  border: 0;
  margin: 1em;
 }

et dans le code

<p><img alt="Logo" src="hub.png" title="Logo du Hub" height="80" width="140" />Le logo du Hub</p>

> lapin7... ta solution est justement ce que veut éviter shangailily

[lapin7]

honte à moi.

j'ai mal lu... mais la solution du css revient au même, non ?

[Monique]

mais la solution du css revient au même, non ?

Pour le visiteur sans doute... pas pour le webmaster.

Pour valider une page en HTML strict ou en XHTML, il faut obligatoirement séparer la mise en forme du contenu en utilisant une feuille de style.

Mais je suis allée visiter ton terrier... tu dois connaître ça

[Wanbli]

Ah bin ce post tombe bien ...

J'ai une question connexe ... et j'ai besoin d'une confirmation de réponse...

Dans ma page, et dans mon cadre principal, texte et images se partagent l'espace (pour mieux illustrer, il s'agit d'un CR de voyage avec photos en vignette pour illustrer le texte).

J'ai appliqué un padding, pour que mon texte soit un peu éloigné du bord de mon cadre, mais mon souci c'est que du coup, mon texte est collé aux images, puisque dans le code les images sont insérées au beau milieu du texte ...

Vous me confirmez que la fonction margin n'est pas la solution ?

Dans mes recherches, j'ai trouvé un attribut "hspace" pour les images, censé déterminer l'espace gauche et droite entre le texte et l'image à laquelle l'attribut sera associé ...

Cet "hspace" est-il conforme aux normes ? Fonctionne-t-il sur les navigateurs ???

Ou alors quel attribut dois-je employer pour mieux faire cohabiter images et texte dans un meme cadre ?

Ce soir si possible je mets l'url de ma page en ligne ... histoire d'illustrer mes propos !

Wanbli