Espace membre :
flechePublicité

13 messages
Filtrer ok

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

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

Même chose pour le style="text-align:center" à la place de align="center"
 
 
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).
 
 
Contacter le membreVoir profil
gcc
<P style="text-align:center"><http://xxx.xxx.free.fr/DSC01459.JPG></P>
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 ?
 
 
Contacter le membreVoir profil
gcc
kevinz a écrit:
Pourquoi l'utilisation de la balise <center> serait elle déconseillée ?


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é
 
 
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) :

<td style="padding: 0px; width:100%; vertical-align:middle; ">
<p style="text-align:center; margin:0px; ">
<img border="0" src="http://monimage.png" />
</p>
</td>

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...
Modérateur Logiciel - Programmation
 
 
     
13 messages
Filtrer ok
Vous devez être connecté pour écrire un message !

BE GEEK ! Avec Clubic Logo

flechePublicité