Centrer une image en html - quelle balise utiliser

Bonjour à tous,

j’ai crée une petite page d’accueil en html. Je ne suis pas spécialiste du tout.

Pour centrer une image sur la page, j’utilise :

<center>
<IMG SRC="http://xxx.xxx.fr/DSC01459.JPG">
</center>

Cela fonctionne comme je veux, mais j’ai lu que maintenant, il était déconselllé d’utiliser la balise " center"

Pourriez-vous m’indiquer la bonne methode.

Merci

<IMG SRC="http://xxx.xxx.fr/DSC01459.JPG" style="text-align:center">
<IMG SRC="http://xxx.xxx.fr/DSC01459.JPG" align="center">

Merci pour ta reponse.

Je viens d’essayer les deux solutions et aucune ne marche.
L’image reste systematiquement sur la gauche de la page.

A+

autant pour moi :slight_smile:

<p align="center"><ton image></p>

Même chose pour le style="text-align:center" à la place de align="center" :slight_smile:

Merci pour cette nouvelle réponse.

Pour le texte, cela fonctionne. J’ai écrit :

<H1><P style="text-align:center">JORDANIE AVRIL 2007</P></H1>
ou
<H1><P align="center">JORDANIE AVRIL 2007</P></H1>

les deux sont OK

Pour l’image, cela ne fonctionne pas. elle ne s’affiche plus.

<P style="text-align:center"><http://xxx.xxx.free.fr/DSC01459.JPG></P>
<p align="center"><http://xxx.xxx.free.fr/DSC01459.JPG></p>

J’ai essayé les deux methodes.
En gros, il ne resoud pas le lien

A+

Le coup du text-align ne marche bien comme son nom l’indique que pour le texte.

Pour tout autre élément (genre une image), faut utiliser les margin:auto.
http://perso.orange.fr/coin.des.experts/re…es/faq9_41.html

A noter le point 4 si on veut que ça soit compatible avec tous les navigateurs (y compris cette m*rde d’IE).

Essaie
<P style="text-align:center"><img src="http://xxx.xxx.free.fr/DSC01459.JPG"></P>

Merci à tous pour les infos.

gcc, j’ai essayé et cela fonctionne.

<P style="text-align:center"><img src="http://xxx.xxx.free.fr/DSC01459.JPG"></P>
ou
<p align="center"><img src="http://xxx.xxx.free.fr/DSC01459.JPG"></p>

les deux fonctionnent.

Encore merci à tous. cela m’a permis d’apprendre encore quelque chose.

A+

Pourquoi l’utilisation de la balise <center> serait elle déconseillée ? :heink:

C’est une balise qui risque de ne plus être reconnue dans les navigateurs de prochaines générations.
Plus d’explications ici

Le html n’est pas un language de présentation, il ne doit faire intervenir des balises que pour reprénseter “sémantiquement” le contenu affiché :wink:

Ce qui est bien sur le web, c’est que même les vieux posts peuvent servir !
Merci donc à tous pour votre discussion, ça m’a bien aidé.
Je vais quand même en décevoir certains car j’utilise les tableaux et mon pb était de centrer une image horizontalement et verticalement dans sa case.
J’ai utilisé ce code qui marche sous Chrome (je n’ai pas encore vérifié sur d’autres navigateurs) :

AtchaoBonsoir

Le centrage vertical n’existe pas encore “correctement” en CSS3, malheureusement. Tu es forcé de dire que le conteneur de l’image est d’une cellule (ie: display: table-cell; vertical-align: middle;) et ça fonctionnera peut-être…