Centrer image
Bernd
Imaginons un site simple � pleurer de 880px de large avec banni�re, menu
� gauche (largeur en em) et page � droite contenant le texte dont on
ignore la largeur exacte.
Comme centrer une image dans la page avec une classe css.
Naturellement on peut imbriquer l'image dans un <div class"centrage"> et
centrer ce div avec #centrage{text-align:center;}
Mais je pr�f�re agir directement sur une classe image et n'y parviens
point. J'ai tent� avec des positions absolute et relative sansa succ�s.
Merci.
--
A+
Romer
B.M.
Une image c'est un �l�ment inline, donc en principe la seule solution
c'est de l'inclure dans un �l�ment block ayant la propri�t� text-align
center comme vous l'avez signal�... Sauf si vous transformez l'image en
block en lui attribuant la propri�t� display: block, il ne rsete plus
alors qu'� proc�der de fa�on classique avec un block : margin-left:
auto; margin-right: auto. Vous mettez le tout dans une class et le tour
est jou�.
Je n'ai pas fait de test mais �a doit marcher.
--
B. M.
CrazyCat
> Une image c'est un �l�ment inline, donc en principe la seule solution
> c'est de l'inclure dans un �l�ment block ayant la propri�t� text-align
> center comme vous l'avez signal�... Sauf si vous transformez l'image en
> block en lui attribuant la propri�t� display: block, il ne rsete plus
> alors qu'� proc�der de fa�on classique avec un block : margin-left:
> auto; margin-right: auto. Vous mettez le tout dans une class et le tour
> est jou�.
En toute logique, la premi�re solution est la bonne (mettre l'image dans
un div), tout simplement parce que "centr�e" n'est pas une propri�t� de
l'image mais bien du contenant.
--
R�seau IRC Francophone: http://www.zeolia.net
Aide et astuces : http://www.g33k-zone.org
Communaut� Francophone sur les Eggdrops: http://www.eggdrop.fr
Bernd
> Une image c'est un �l�ment inline, donc en principe la seule solution
> c'est de l'inclure dans un �l�ment block ayant la propri�t� text-align
> center comme vous l'avez signal�... Sauf si vous transformez l'image en
> block en lui attribuant la propri�t� display: block, il ne rsete plus
> alors qu'� proc�der de fa�on classique avec un block : margin-left:
> auto; margin-right: auto. Vous mettez le tout dans une class et le tour
> est jou�.
> Je n'ai pas fait de test mais �a doit marcher.
Bien vu - �a marche impec et m�me avec qui vous savez... ;-)
--
A+
Romer
B.M.
Petite pr�cision: pour que �a fonctionne avec IE6 il faut avoir un
doctype html 4.01 strict ou xhtml (strict ou non).
--
B. M.
Bernd
> > Bien vu - �a marche impec et m�me avec qui vous savez... ;-)
> Petite pr�cision: pour que �a fonctionne avec IE6 il faut avoir un
> doctype html 4.01 strict ou xhtml (strict ou non).
Exact - que IE6 ne se mette pas en mode quirk.
--
A+
Romer