Centrer une image via CSS

Résolu/Fermé

eg33 Messages postés 1080 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 7 mars 2018 - Modifié par eg33 le 20/06/2012 à 16:58
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 - 20 juin 2012 à 17:17

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).

A voir également:

Centrer une image via CSS
Image iso - Guide
Comment agrandir une image - Guide
Légender une image - Guide
Acronis true image - Télécharger - Sauvegarde
Telecharger une image disque windows 10 fichier iso - Guide

2 réponses

Réponse 1 / 2

Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
20 juin 2012 à 16:57

Hello,

Qu'on soit clair : centrer verticalement ou horizontalement ?
Parce que là, tu ne fais ni l'un ni l'autre !

eg33 Messages postés 1080 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 7 mars 2018 66
20 juin 2012 à 16:58

Horizontalement

Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
20 juin 2012 à 17:00

Tu as du texte dedans ou pas ?
Si oui, tu veux le centrer aussi ?

eg33 Messages postés 1080 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 7 mars 2018 66
Modifié par eg33 le 20/06/2012 à 17:01

Juste l'image ; le texte est positionné ailleurs...

Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
20 juin 2012 à 17:01

Essaye ça :

img.section{ 
    border:2px solid #99CCFF; 
    margin:10px auto 20px auto;
 }

eg33 Messages postés 1080 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 7 mars 2018 66
20 juin 2012 à 17:05

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.

Réponse 2 / 2

Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
20 juin 2012 à 17:14

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".

eg33 Messages postés 1080 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 7 mars 2018 66
Modifié par eg33 le 20/06/2012 à 17:16

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 !

Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
20 juin 2012 à 17:17

De rien :)

Discussions similaires

PIX

Que peut faire 3fois/j un homme, mais qu'1fois/j une femme

Dechiffrer une image caché

Retrouver moi l'original

image ?