Positionner image et texte
lisa
-
txiki Messages postés 6596 Date d'inscription Statut Contributeur Dernière intervention -
txiki Messages postés 6596 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour, je souhaiterais savoir comment avoir un rendu comme sur ce site: https://www.monarchiebritannique.com/pages/histoire/portraits/membres-de-la-famille-royale/diana-l-eternelle-princesse.html (image et texte à côté et inversement sans que cela prenne toute la page)
Merci
A voir également:
- Positionner image et texte
- Extraire texte d'une image - Guide
- Image iso - Guide
- Transcription audio en texte word gratuit - Guide
- Excel cellule couleur si condition texte - Guide
- Insérer une image dans word sans bouger le texte - Guide
1 réponse
Salut lisa,
Il te faut utiliser la fonction float pour tes images. L'image se positionnera à gauche ou à droite du texte.
Exemple:
.floatD { /* création d'une classe pour les images a faire flotter */
float: right;
padding-left: 5px; /* espacements pour ne pas que les textes touchent l'image flottante */
padding-top: 3px; /* espacements pour ne pas que les textes touchent l'image flottante */
padding-bottom: 3px; /* espacements pour ne pas que les textes touchent l'image flottante */
}
Un exemple de classe en CSS.
cdlt !