Positionner image et texte

lisa -  
txiki Messages postés 6514 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

1 réponse

  1. txiki Messages postés 6514 Date d'inscription   Statut Contributeur Dernière intervention   609
     

    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