OVH Cloud OVH Cloud

Centrage images

2 réponses
Avatar
Simon
Salut à tous,

J'ai bientôt fini le site de mon asso en xhtml/css.
J'ai un petit détail que je n'arrive pas à régler.

comment faire en sorte que toutes les images de mon div
id="centre" soient centrées dans tous les cas ?
Je pourrais placer le text-align: justify pour les paragraphes et ne
mettre aucune image dans les p, mais cette solution ne me satisfait pas.
Quelqu'un aurait une idée ?

#centre {
margin: 0px 170px 0px 15px;
background-color: #FFFFFF;
text-align : justify;
}

#centre img { text-align: center; }

http://resel.enst-bretagne.fr/resel2/test2312.css
http://resel.enst-bretagne.fr/resel2/irc.html

merci à tous

2 réponses

Avatar
Nicolas DEGAND
Simon wrote:

Salut à tous,

J'ai bientôt fini le site de mon asso en xhtml/css.
J'ai un petit détail que je n'arrive pas à régler.

comment faire en sorte que toutes les images de mon div
id="centre" soient centrées dans tous les cas ?
Je pourrais placer le text-align: justify pour les paragraphes et ne
mettre aucune image dans les p, mais cette solution ne me satisfait pas.
Quelqu'un aurait une idée ?

#centre {
margin: 0px 170px 0px 15px;
background-color: #FFFFFF;
text-align : justify;
}

#centre img { text-align: center; }

http://resel.enst-bretagne.fr/resel2/test2312.css
http://resel.enst-bretagne.fr/resel2/irc.html



Avec margin: auto; ça donne quelque chose ?

--
Nicolas DEGAND
Avatar
Simon a ecrit :

Salut à tous,

J'ai bientôt fini le site de mon asso en xhtml/css.
J'ai un petit détail que je n'arrive pas à régler.

comment faire en sorte que toutes les images de mon div
id="centre" soient centrées dans tous les cas ?
Je pourrais placer le text-align: justify pour les paragraphes et ne
mettre aucune image dans les p, mais cette solution ne me satisfait pas.
Quelqu'un aurait une idée ?



Ben non !
Comme pour IE centrer une image comme si c'était du texte ça lui convient
il lui faut : tex-align:center; donc ... pas de justification des p si on y veut une
image

#centre {
margin: 0px 170px 0px 15px;
background-color: #FFFFFF;
text-align : justify;
}

#centre img { text-align: center; }



Tout faux !

#centre {
margin: 0px 170px 0px 15px;
background-color: #FFFFFF;
text-align : center; /* pour les IE */
}

#centre img { margin: auto; }

une demo pour le centrage d'images :
http://perso.wanadoo.fr/stephane.moriaux/truc/gn/exo/

--
******** (enlever/remove [OTER_MOI] du/from reply url) *******
Stéphane MORIAUX : mailto:
Aide aux Pages Perso (images & couleurs, formulaire, CHP, JS)
http://perso.wanadoo.fr/stephane.moriaux/internet/
**************************************************************