Insérer une image à coté du texte

Disposer une image à coté d'un texte sur une page web

Avec un éditeur visuel classique, il n'est pas toujours évident de disposer des images côte à côte avec du contenu, sur une même ligne. Cela nécessite souvent de gérer la marge autour de l'image ainsi que la disposition de l'image par rapport au texte.

Le système proposé avec le CMS de Kyma-Web, vous propose des solutions efficaces pour positionner une image à coté d'un texte. 


Image et texte

Exemple image site

Dans votre manager, cliquez sur  Ajouter une ligne  puis  Ajoutez une colonnes  , à gauche, activez le widget  Image  puis à droite vous activez le widget  Éditeur visuel afin d'insérer du texte.

Téléchargez ensuite votre image dans le widget  Image  et placez votre texte à droite dans le widget  Éditeur visuel

Vous pouvez modifier la largeur de chaque colonne, pour obtenir comme sur la présentation par exemple, nous avons appliqué une largeur de 35% pour le bloc de gauche et 65% pour le bloc de droite.

Insérer du texte et une image

Il existe aussi la possibilité d'insérer une image qui est noyée dans le texte, positionnée à gauche de l'écran ou à droite. Cette méthode n'est pas toujours très esthétique pour le texte qui se colle sur les bordures de l'image. Nous traiterons ultèrieurement de cette possibilité d'insérer une image flotante noyée dans le texte.

Pour en savoir plus sur cette façon de créer des pages, nous vous recommandons la lecture du tutoriel : créer des pages par blocs, une méthode pour vous permettre de créer des pages structurées et complexes de façon simple et ludique avec le CMS de Kyma-Web, qu'avec un seul éditeur visuel classique.

  • Aucune note. Soyez le premier à attribuer une note !