28211 sujets

CSS et mise en forme, CSS3

Centrer une image dans le code html,mais valide !

Salut tous,
Après un parcours du site pour verifier,je n'ai pas trouvé d'égale (à moins que je sois passé à côté,auquel cas merçi de me transmettre l'adresse de la question...) je cherche à centrer une image dans le code html,pas dans la css,je n'ai pas d'autre choix.la ba lise <center></center> n'etant pas validée je cherche une alternative !
Merci de votre soutient Smiley cligne
Bonjour,

Un peu plus d'explications avec idéalement un exemple en ligne serait le bienvenue. Peut-être même trouverions nous à centrer cette image avec une propriété css, et pourquoi tu es obliger de centre dans ton code html.

Avec par exemple "text-align:center" qui s'applique aux élements en ligne comme "img".

Enfin dis-en un peu plus. Smiley cligne
Voici le code html du site de ma fille, je souhaite centrer une ou des images à l'interieur de la balise ".centre" pour ce faire j'avais le choix de modifier la feuille CSS, or je ne peux le faire car elle change de photos comme de page dans la même balise...... Smiley rolleyes donc je me resigne a essayer de lui centrer cette image dans le HTML.....
<div id="centre">
<div align="center"><img style="width: 148px; height: 71px;" alt="" src="001linkme.jpg" /></div>
<center>
&raquo; Logo fait par Leila<br />
<br />
<img style="width: 102px; height: 37px;" alt="logo001" src="logo001.jpg" />  <img style="width: 102px; height: 37px;" alt="" src="logo002.gif" /> <img style="width: 102px; height: 37px;" alt="" src="logo003.jpg" /> <img style="width: 102px; height: 37px;" alt="" src="logo004.gif" /><br />
<br />
&raquo; Logos fait par Hittomie<br />
<br />
<img style="width: 100px; height: 35px;" alt="" src="logo005.gif" /> <img style="width: 100px; height: 35px;" alt="" src="logo006.gif" /><br />

</center>

</div>
Dans l'organisation de ta page html, je vois l'id centre (ce n'est pas une balise Smiley cligne ), une image et du texte.

Pour pouvoir centrer l'image, uniquement avec les styles, les éléments de type en ligne de #centre, comme img peuvent être centrés grâce à la propriété "text-align" avec la valeur "center".

#centre{text-align:center;}

Le texte sous l'image pourrait être dans un <p> par exemple et aligner à gauche ou bien laissé centré.
p{text-align:left;}



<div id="centre">
<img alt="" src="ton-image.jpg" height="210" width="180" />
<p>Logos fait par Hittomie</p>
<img alt="" src="ton-image2.jpg" height="210" width="180" />
<p>Logo fait par Leila</p>
</div>
Sujet clos
Aller à