Centrer une image via CSS

Résolu
eg33 Messages postés 1303 Statut Membre -  
Mihawk Messages postés 4753 Statut Contributeur -
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 Messages postés 4753 Statut Contributeur 846
     
    Hello,

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

      img.section{ 
    border:2px solid #99CCFF; 
    margin:10px auto 20px auto;
 }
      0
    5. eg33 Messages postés 1303 Statut Membre 66
       
      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.
      0
  2. Mihawk Messages postés 4753 Statut Contributeur 846
     
    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".
    0
    1. eg33 Messages postés 1303 Statut Membre 66
       
      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 !
      0
    2. Mihawk Messages postés 4753 Statut Contributeur 846
       
      De rien :)
      0

Discussions similaires

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

10 réponses
Comment centrer une image en css
Christopher -
Sandbox -

5 réponses