Bonjour,

Voilà je debute dans le dev et je but sur quelque chose.

J'aimerais mettre une image au milieu de ma page.

J'ai seulement apris le float et le text align mais aucun des deux fonctionne.

Pouvez vous m'aider?
Merci

Hello,

Il faudrait nous en dire un peu plus, mais à priori pour le centrage horizontal https://jsfiddle.net/b7nfs3ko/

Si tu veux le centrage dans les deux sens https://philipwalton.github.io/solved-by-flexbox/demos/vertical-centering/

Alors le truc c'est que j'ai essayé de fair un text-align avec un class= qui était intégré a ma balise <img>
J'ai essayé avec le paragraphe direct et ca a marcher.
Donc j'en déduis qu'on peut pas faire de text align avec un id direct sur l'image.

Je rencontre un autre problème ,

Admettons dans un titre h1 j'ai deux paragraphes distinct.

<h1> Yo </h1>
<p> salut </p>
<p> <img></p>

Disons que je veux centrer l'image mais pas le texte salut, comment je dois m'y prendre?

Comment sélectionné le deuxième paragraphe sachant que text-align fonctionne pas avec une class ou un id.

Merci

<img src="/path/to/file" style="display: block; margin: 0 auto;">

Le 15 juin 2018 à 06:04:54 Imsuicidesheep a écrit :
Comment sélectionné le deuxième paragraphe sachant que text-align fonctionne pas avec une class ou un id.

Alors peut être que je ne t'ai pas compris, mais regarde ce fiddle : https://jsfiddle.net/b7nfs3ko/3/

Perso pour centrer une élément facilement

J'applique un display : flex au parent

Puis un Martin : auto à l'élément que je veux centrer

Et hop il est centrer horizontalement et verticalement