Positionner image et texte

Fermé
lisa - 17 févr. 2023 à 17:23
txiki Messages postés 6596 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 - 31 mars 2023 à 10:21

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:

1 réponse

txiki Messages postés 6596 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 517
31 mars 2023 à 10:21

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 !

0