Version complète: sur le forum Webmaster Hub : Positionner une image par rapport à son texte
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
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

:o
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
CODE
img {
 vertical-align: middle;
 border: 0;
 margin: 1em;
}

et dans le code
HTML
<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 wacko.gif
lapin7
honte à moi. blush.gif
j'ai mal lu... mais la solution du css revient au même, non ?
Monique
CITATION(lapin7 @ mercredi 23 juin 2004, 20:51)
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 wink.gif
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
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.