[Résolu] Centrer deux images

Bonjour

1°) pour centrer horizontalement sur une ligne une image en css, je fais ça :

img.centrer { display: block;
margin-left: auto;
margin-right: auto; }

Ca marche au poil, il suffit d'utiliser un class=centrer

2°) mais purée, comment on peut faire pour centrer 2 images à la fois (utilise si elles sont petites)

comme par exemple ici

http://oberruyer.free.fr/Celebres/Nicolas-Rene%20Berryer.htm
(en bas de page)

Idées bienvenues !

Amitiés

Olivier
Modifié par oestani (02 Aug 2006 - 20:43)

Bonjour,

<img /> est un élément de type inline et peut être centré si il est dans un conteneur contenant un text-align:center :

.conteneur{
text-align:center;}

<div class="conteneur">
<img ... />
</div>

Hello,

Ta méthode de centrage, même si elle fonctionne, me semble un peu complexe pour si peu de choses.

Pourquoi ne pas utiliser text-align puisque cette propriété est faite pour ça ? (en plus, cela te permettrait de centrer autant d'images que tu le veux).

EDIT : ah ben grillé
Modifié par Raphael (01 Aug 2006 - 16:02)

ah oui, super, ça marche bien ça !

Vous recommandez de faire pareil pour une seule image aussi ?

Je ne voulais pas trop multiplier les Div à l'intérieur de mon code, pour cela la class Image me plaisait bien. Cela peut-il poser problème ?

Merci de vos lumières

Olivier (petit amateur en CSS)

On peut se vautrer dans les div jusqu'à plus soif. Tant qu'ils ne remplacent pas des titres, des listes, ou tout autre élément spécifique, ça ne gène strictement personne.

Donc, si je comprends bien, "les pros" recommandent de faire un bloc div pour centrer chaque image ?

Merci !

Les "pros" ne recommandent rien du tout.

On regarde le contenu, on structure, puis on présente.

Parvenus à ce stade, on serre les fesses, comme tout le monde, ou presque.
Modifié par Laurent Denis (01 Aug 2006 - 17:39)