Centrer un texte à côté (à gauche) d'une image
Résolu/Fermé
A voir également:
- Centrer un texte à côté (à gauche) d'une image
- Windows 11 barre des taches a gauche - Guide
- Insérer une image dans word sans bouger le texte - Guide
- Excel cellule couleur si condition texte - Guide
- Image iso - Guide
- Transcription audio en texte word gratuit - Guide
2 réponses
Salut,
faites une recherche "positionnement en CSS", il y a beaucoup de façons de faire différentes.
Cela dépends des cas et des préférences/habitudes de chacun.
Comme votre image fait plus de la moitié du div il faudra que le texte se superpose à l'image je suppose. Vu qu'il est écrit avant l'image par défaut celle ci la recouvrera(une fois le positionnement horizontal/vertical effectué bien sûr) donc le texte doit être mis en second(aprés l'image) ou alors il faut utiliser la propriété "z-index"
Je vous conseille de prendre l'habitude de séparer le CSS du HTML dans la balise style de la page ou mieux dans un fichier externe(avec des class et id quand nécessaire). C'est beaucoup plus clair et pratique sur bien des aspects comme le fait de pouvoir réutiliser les règles CSS dans n'importe quelle autre page sans avoir à les écrire plusieurs fois.
quelques pistes: https://www.w3schools.com/cssref/pr_class_position.asp
faites une recherche "positionnement en CSS", il y a beaucoup de façons de faire différentes.
Cela dépends des cas et des préférences/habitudes de chacun.
Comme votre image fait plus de la moitié du div il faudra que le texte se superpose à l'image je suppose. Vu qu'il est écrit avant l'image par défaut celle ci la recouvrera(une fois le positionnement horizontal/vertical effectué bien sûr) donc le texte doit être mis en second(aprés l'image) ou alors il faut utiliser la propriété "z-index"
Je vous conseille de prendre l'habitude de séparer le CSS du HTML dans la balise style de la page ou mieux dans un fichier externe(avec des class et id quand nécessaire). C'est beaucoup plus clair et pratique sur bien des aspects comme le fait de pouvoir réutiliser les règles CSS dans n'importe quelle autre page sans avoir à les écrire plusieurs fois.
quelques pistes: https://www.w3schools.com/cssref/pr_class_position.asp