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