Discussion :

[Arnard]

Bonjour, voila jai un souci pour centrer des images...

si japplique un style à limage avec margin-left:auto; et margin-right:auto; ne donne rien, meme chose si je place limage dans un span et que japplique les margin sur le span.

j'ai egalment essayé avec text-align:center;

la seule solution ou ca marche est quand on declare un nouveau <p>, qui centre tout, et dinserer limage ds le <p></p>, mais cette solution nest pas propre (cascade de <p> entre autre)

Si quelqu'un a une solution mici ^^

[MasterOfChakhaL]

Je pense que le comportement que tu veux obtenir est celui des éléments de type bloc. Je te propose donc ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
img {
  display: block;
  margin: inherit auto;
}

[Arnard]

margin: inherit auto donne quoi comme effet ?

[MasterOfChakhaL]

salut,

indiquer deux valeurs pour la propriété margin implique:
- la première concerne le haut et le bas
- la deuxième concerne la gauche et la droite

si tu mets une seule valeur, alors elle sert pour les quatres directions,

si tu mets trois valeurs, elles concerneront, dans l'ordre, le haut, les cotés, le bas

si tu mets quatre valeur, alors elles concerneront le haut, la droite, le bas et la gauche (sens des aiguilles d'une montre)

Ceci étant dit, inherit signifie que tu souhaite utilisé la valeur de l'élément parent, auto devrait centrer horizontalement l'élément block dans son parent.

[Arnard]

C'est le display:block qui me manquait ^^ Youhou merci encore