A voir également:
- Centrer un texte à côté (à gauche) d'une image
- Centrer texte à coté d'une image ✓ - Forum - Programmation
- Centrer un texte et aligner sur la gauche ✓ - Forum - HTML
- Placer du texte centre en hauteur à côté ✓ - Forum - Programmation
- Netflix enlever texte en haut à gauche tv ✓ - Forum - Vidéo / TV / BoxTV
- Mettre un texte a coté d'une image html - Forum - HTML
2 réponses
helpinghands
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