Il est possible de mettre une image à l'intérieur d'un bloc paragraphe et de cadrer cette image à droite ou à gauche du texte.
- Sélectionnez le bloc "Paragraphe" qui contient votre texte.
- Insérez l'image avant le texte (y compris si l'image doit être cadrée à droite) avec l'outil "Image en ligne"
- Sélectionnez l'image à insérer dans la médiathèque ou téléversez une nouvelle image. Vous devez mettre l'image à la taille souhaitée avant de la téléverser. La largeur minimum est de 150px. Après insertion, l'image est visible dans le bloc paragraphe mais, à cette étape, le texte n'est pas correctement cadré.
- Dans la section "Bloc > Avancé" de la colonne de droite, mettez dans la zone "Classe(s) CSS additionnelle(s)" la valeur "img--left" si vous voulez que l'image soit cadrée à gauche et "img--right" pour cadrer à droite.
- L'image est insérée avec une largeur par défaut de 150px. Pour changer la taille, cliquez dessus pour indiquer la largeur souhaitée.
Selon les enchainements de blocs, il peut être nécessaire d'ajouter aussi la classe "clear" sur le bloc qui suit immédiatement le bloc paragraphe qui contient l'image en ligne.
Commentaires
0 commentaire
Vous devez vous connecter pour laisser un commentaire.