TUTO 015: Disposer une image à coté d'un texte sur une page web
- Par
- Le 28/12/2019 à 19:43
- Dans TUTORIELS - SERIE 1: APPRENDRE Á CRÉER UN SITE
Avec l'éditeur visuel, il n'est pas évident de disposer du contenu côte à côte, sur une même ligne.
Cela nécessite souvent de gérer la marge autour de l'image ainsi la disposition de l'image par rapport au texte. Voici une solution efficace pour positionner une image à coté d'un texte.
Dans votre manager, cliquez sur Ajouter une ligne puis ajoutez deux colonnes. A gauche, activez le widget image puis à droite activez un widget éditeur visuel (pour insérer le texte). Téléchargez 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 ce type de présentation, par exemple, nous avons appliqué une largeur de 35% pour le bloc de gauche et 65% pour le bloc de droite.
IMAGE
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. Cette méthode vous permettra de créer des pages plus structurées et plus complexes de façon plus simple qu'avec un seul éditeur visuel.
Précédent : TUTO 016: Positionner du texte et des images dans ... | Suivant : TUTO 014: Créer un site clair, concis et pratique |
ARTICLES LES PLUS LUS
DERNIÈRES PUBLICATIONS
- TUTO 020: Optimiser ses contenus pour un affichage responsive
- TUTO 019: Gérer les différents e-mails de votre site et compte
- TUTO 018: Afficher une playlist MP3 sur son site web
- TUTO 017: Choisir un thème graphique et modifier le design
- TUTO 016: Positionner du texte et des images dans une page
- TUTO 015: Disposer une image à coté d'un texte sur une page web
- TUTO 014: Créer un site clair, concis et pratique
- TUTO 013: Récupérer les urls des fichiers de l'espace de stockage
- TUTO 012: Afficher les boutons de partage sur son site web
- TUTO 011: Envoyer des newsletters avec son site web