A voir également:
- Html centrer image horizontalement
- Centrer une image css - Meilleures réponses
- Centrer une image horizontalement ET verticalement ✓ - Forum - HTML
- Centrer une image css ✓ - Forum - CSS
- Excel copier horizontal coller vertical ✓ - Forum - Excel
- Comment centrer une image sur word ✓ - Forum - Word
- Centrer une image css responsive ✓ - Forum - CSS
3 réponses
jolyjump3r
- Messages postés
- 1787
- Date d'inscription
- mardi 8 novembre 2011
- Statut
- Membre
- Dernière intervention
- 14 mars 2020
Avec la fonction Display : table cell;
Ça fonctionne aussi pour Vertical align
--
Ça fonctionne aussi pour Vertical align
--
Pitet
- Messages postés
- 2371
- Date d'inscription
- lundi 11 février 2013
- Statut
- Membre
- Dernière intervention
- 13 janvier 2021
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
Utilisateur anonyme
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
- 2371
- Date d'inscription
- lundi 11 février 2013
- Statut
- Membre
- Dernière intervention
- 13 janvier 2021
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.
Et tous mes essais ont échoué.