Faire couler du texte autour d'une image
02 mars 2006 Catégorisé dans : RapidWeaver
Dans une page où figure du texte et des images, on
peut faire en sorte que le texte "coule" autour de
l'image, mais ce n'est pas aussi sophistiqué que dans
un traitement de texte.
En fait, la technique repose sur l'alignement de
l'image à gauche ou à droite que l'on détermine avec
le menu Format > HTML.
Il faut donc d'abord sélectionner l'image. Normalement, il suffit de cliquer dessus et tout va bien. Mais si un lien a été ajouté à l'image, ce clic affiche la fenêtre de création/modification du lien; dans ce cas, il faut cliquer placer le curseur à droite de l'image puis sélectionner l'image avec les touches [Shift] et flèche à gauche (ou curseur à gauche de l'image et [Shift] plus flèche à droite. Pour être sûr que l'image est bien sélectionnée, on doit pouvoir afficher l'inspecteur de media (+2).
On déroule ensuite le menu Format, puis le sous-menu HTML et là, on sélectionne "Align Image Left" ou "Align Image Right" selon l'alignement désiré. Normalement, l'image doit être sur un fond vert, ce qu'un retour chariot juste après l'image montre parfaitement.
Dans le premier cas, l'image est alignée sur le bord gauche et le texte "coule" à droite : texte à droite
Dans le second cas, l'image est alignée sur le bord droit et le texte "coule" à gauche : texte à gauche
A noter que la longueur du paragraphe accolé à l'image détermine l'apparence du résultat. Avec un texte relativement court, le texte risque de se retrouver sur la ligne supérieure de l'image. Pour le recentrer, il faut le faire "descendre", parfois même bien en dessous de l'image elle-même (en mode édition, bien sûr).
De la même façon, il peut être important de laisser plusieurs lignes pour du texte suivant ce paragraphe pour éviter qu'il ne soit "capté" par l'image.
Il faut donc d'abord sélectionner l'image. Normalement, il suffit de cliquer dessus et tout va bien. Mais si un lien a été ajouté à l'image, ce clic affiche la fenêtre de création/modification du lien; dans ce cas, il faut cliquer placer le curseur à droite de l'image puis sélectionner l'image avec les touches [Shift] et flèche à gauche (ou curseur à gauche de l'image et [Shift] plus flèche à droite. Pour être sûr que l'image est bien sélectionnée, on doit pouvoir afficher l'inspecteur de media (+2).
On déroule ensuite le menu Format, puis le sous-menu HTML et là, on sélectionne "Align Image Left" ou "Align Image Right" selon l'alignement désiré. Normalement, l'image doit être sur un fond vert, ce qu'un retour chariot juste après l'image montre parfaitement.
Dans le premier cas, l'image est alignée sur le bord gauche et le texte "coule" à droite : texte à droite
Dans le second cas, l'image est alignée sur le bord droit et le texte "coule" à gauche : texte à gauche
A noter que la longueur du paragraphe accolé à l'image détermine l'apparence du résultat. Avec un texte relativement court, le texte risque de se retrouver sur la ligne supérieure de l'image. Pour le recentrer, il faut le faire "descendre", parfois même bien en dessous de l'image elle-même (en mode édition, bien sûr).
De la même façon, il peut être important de laisser plusieurs lignes pour du texte suivant ce paragraphe pour éviter qu'il ne soit "capté" par l'image.
|