Centrer une image via CSS

Résolu
eg33 -  
Bonjour,

Je sais que la question a été posé d'innombrables fois, mais il semble que la réponse que je recherche n'y est pas...

Je souhaite center plusieurs images de dimensions différentes, j'utilise donc une class : 

img.section{ 
 border:solid 2px #99CCFF; 
 margin-top:10px; 
 margin-bottom:20px; 
 text-align:center;
 }


Sachant que tout le contenu est positionné dans un div : 

div.content { 
 width:100%; 
 padding-left:25px; 
 padding-right:30px; 
 }


Pourriez-vous me dire ce qui ne va pas ?

Merci.
"Les monopoles sont au libre marché ce que les dictatures sont à la politique." (Serge Rouleau).

2 réponses

  1.  Mihawk Contributeur
    Hello,

    Qu'on soit clair : centrer verticalement ou horizontalement ?
    Parce que là, tu ne fais ni l'un ni l'autre !
    1. eg33 Auteur
      Horizontalement
    2. Mihawk Contributeur
      Tu as du texte dedans ou pas ?
      Si oui, tu veux le centrer aussi ?
    3. eg33 Auteur
      Juste l'image ; le texte est positionné ailleurs...
    4. Mihawk Contributeur
      Essaye ça : 

      img.section{ 
    border:2px solid #99CCFF; 
    margin:10px auto 20px auto;
 }
    5.  eg33 Auteur
      Toujours pas centré :(

      Avant j'utilisais une div pour centrer les images : 

      div {
	text-align:center;
	}


      Mais dès qu'il s'agit d'incorporer une class, rien ne marche.
  2. Mihawk Contributeur
    Si tes images n'ont pas de largeur fixe tu ne peux pas les centrer.
    Soit tu imposes une largeur à tes images, soit tu les incorpores, comme tu as déjà fait sans doute, dans une div de largeur 100% qui possède l'attribut "text-align:center".
    1. eg33 Auteur
      C'est bien ça, et le problème ne vient pas du code, mais du navigateur : j'ai dû effacer le cache pour finalement m'apercevoir que tout fonctionne... Un bête oubli.

      Merci tout de même !
    2. Mihawk Contributeur
      De rien :)

Discussions similaires

Retrouver l'image originale d'une photo modifiée
Raven

10 réponses