Centrer une image horizontalement ET verticalement
Résolu/Fermé
A voir également:
- Word centrer une image
- Supprimer une page word - Guide
- Espace insécable word - Guide
- Organigramme word - Guide
- Image iso - Guide
- Word gratuit - Guide
3 réponses
DerkoFR
Messages postés
504
Date d'inscription
vendredi 7 novembre 2014
Statut
Membre
Dernière intervention
5 janvier 2017
74
4 déc. 2014 à 14:37
4 déc. 2014 à 14:37
Bonjour
Pourrait avoir ton code (sa serait mieux pour t'aider....)
Pourrait avoir ton code (sa serait mieux pour t'aider....)
jolyjump3r
Messages postés
1788
Date d'inscription
mardi 8 novembre 2011
Statut
Membre
Dernière intervention
14 mars 2020
615
9 déc. 2014 à 02:00
9 déc. 2014 à 02:00
Avec la fonction Display : table cell;
Ça fonctionne aussi pour Vertical align
--
Ça fonctionne aussi pour Vertical align
--
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
524
4 déc. 2014 à 15:01
4 déc. 2014 à 15:01
Salut,
Un exemple rapide d'une solution possible avec le positionnement absolu :
http://jsfiddle.net/or68ohdL/
Bonne journée
Un exemple rapide d'une solution possible avec le positionnement absolu :
http://jsfiddle.net/or68ohdL/
Bonne journée
En revanche, dès que je mets une autre image, ça ne fonctionne plus.
Si, maintenant, je souhaite utiliser cette image pour une page 401, quelle est la technique ?
Merci de votre aide.
Si, maintenant, je souhaite utiliser cette image pour une page 401, quelle est la technique ?
Merci de votre aide.
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
524
5 déc. 2014 à 14:01
5 déc. 2014 à 14:01
La technique est la suivante :
On positionne l'image au centre de la page grâce aux propriétés top: 50%; et left: 50%;
En faisant ainsi c'est le coin en haut à gauche de l'image qui est centré par rapport à la page. Si on veux centrer par rapport au centre de l'image, on applique alors une marge négative en hauteur et en largeur correspondant à la moitié de l'image, donc margin-top: hauteur_image/2; et margin-left: largeur_image/2;
Tu dois donc modifier uniquement les marges en fonction de la taille de l'image.
On positionne l'image au centre de la page grâce aux propriétés top: 50%; et left: 50%;
En faisant ainsi c'est le coin en haut à gauche de l'image qui est centré par rapport à la page. Si on veux centrer par rapport au centre de l'image, on applique alors une marge négative en hauteur et en largeur correspondant à la moitié de l'image, donc margin-top: hauteur_image/2; et margin-left: largeur_image/2;
Tu dois donc modifier uniquement les marges en fonction de la taille de l'image.
5 déc. 2014 à 10:02
Et tous mes essais ont échoué.
5 déc. 2014 à 10:04