Positionnement de l'image

Par défaut, l'image est positionnée à droite, et le texte de l'information viendra s'enrouler autour de l'image à la gauche de celle-ci.

Vous pouvez changer cette position par défaut, grâce à un attribut position="..." que vous placez sur l'élément <vignette> ou sur l'élément <illustration>. Les différentes valeurs de cet attribut vous permet de choisir la position (à gauche, à droite ou au centre) ainsi que positionnement du texte qui suit par rapport à l'image (autour de l'image ou en-dessous de l'image).

L'espace entre l'image et le texte peut également être paramétré.

Cet exemple illustre la position par défaut d'une image: à droite, avec le texte qui suit qui s'enroule autour à la gauche de l'image.

On peut changer cela en mettant un attribut position="gauche-texte", pour positionner l'image à gauche et le texte qui viendra s'enrouler autour d'elle à sa droite.

L'attribut position="droite-texte" correspond au fonctionnement par défaut: l'image est positionnée à droite, et le texte de l'information viendra s'enrouler autour de l'image à la gauche de celle-ci.

L'attribut position="gauche", permet de positionner l'image à gauche seule sur la ligne. Le texte qui suit viendra se mettre en dessous de l'image.

L'attribut position="centre", permet de positionner l'image au centre de la colonne, seule sur la ligne. Le texte qui suit viendra se mettre en dessous de l'image.

L'attribut position="droite", permet de positionner l'image à droite seule sur la ligne. Le texte qui suit viendra se mettre en dessous de l'image.