[résolu][CSS]Centrer le contenu d'une liste ?

Bonjour,

Je viens de commencer un site pour une coopérative : http://enercoop.ouvaton.org/

Il y a une liste d'image des partenaires à droite et je voudrais centrer ces images, j'ai testé margin auto ça n'a eu aucun effet je comprends pas. Quelqu'un de doué en CSS pourrait m'éclairer ?

La liste coté xhtml :
Code:

<ul> 
<li> 
<img src="" alt="" /> 
</li> 
<li> 
<img src="" alt="" /> 
</li> 
<li> 
<img src="" alt="" /> 
</li> 
... 
</ul> 

Tout cela dans un div "block sommaire droite" biensûr Merci.

PS : J'ai déjà mis ce message sur le forum du cms iteasy : http://forum.en1heure.com/vt900--css-centrer-le-contenu-du-sommaire-de-droite.html
Modifié par tankia (28 Jul 2005 - 20:25)

Salut,
pour le margin: auto; c'est pour centrer les éléments de type bloc, or une image est de type en ligne.

Pour centrer les éléments en ligne, il faut utiliser "text-align: center;" sur l'élément bloc parent.

Donc dans ton cas :

ul li { text-align: center }

Ok mais j'avais compris que text-align:center ne fonctionnait que sous IE Mais apparemment si je comprends bien il fonctionne parfaitement pour les élément en ligne mais n'est pas à utiliser pour les element block c'est ça ?

tankia a écrit :
Ok mais j'avais compris que text-align:center ne fonctionnait que sous IE Mais apparemment si je comprends bien il fonctionne parfaitement pour les élément en ligne mais n'est pas à utiliser pour les element block c'est ça ?

Le comportement standard (et prévu) de "text-align" est d'aligner un contenu en-ligne dans un bloc.
Ceci est parfaitement supporté par IE.

Là où IE buggue, c'est que chez lui, cette propriété aligne aussi les éléments blocs contenus dans un bloc.