Home » Support » Online Help » Managing Images » Floating Images to the Right or Left of Text

Floating Images to the Right or Left of Text

When inserting images on a web page, it is often desirable to 'float' them to the right or left of other elements on the page, such as paragraphs of text, so that the page looks neat and balanced. We can achieve this effect using styles that specify how the image should be floated. If your website's style sheet has been configured in this way (ask if you are unsure) you can use the following instructions to float images.

How to Float Images

Insert an image into the document (follow steps on linked help page but do not close the dialog window).
Click on the Appearance tab.
From the Class drop-down list, select the "float-right" or "float-left" option.
Finish inserting the image.
Re-position the image by dragging and dropping it. (It will remain floated, but the other page elements will flow around the floated image differently, depending on where it is positioned.)

Tips

It is recommended in most cases to float images to the right and to 'position' each image immediately to the left of the first character in a paragraph of text (by dragging the image, which moves the insertion point). This is generally the easiest way to neatly present the images on a page.
To space images appropriately, you can 'place' each consecutive image next to consecutive characters, words or paragraphs.
However, for best results don't try to float too many images on any single page (it is better to use a photo gallery feature to display lots of photos).

Example of Floated Images

Suspendisse nibh eros, fringilla in, ultrices eu, condimentum in, nulla. Mauris pharetra, massa vel mattis faucibus, turpis erat consectetuer mi, ac dictum augue sem ac felis. Cras semper pharetra justo. Maecenas ultrices nisi viverra ante. Suspendisse potenti. Vivamus felis mauris, tincidunt sed, accumsan ut, tristique id, diam. Aenean nisl urna, aliquet vitae, posuere quis, dapibus sit amet, felis. Integer sed ligula. Suspendisse vitae erat. Quisque eu turpis id nibh dapibus tincidunt. Phasellus enim. Curabitur in elit. Sed quis risus in metus imperdiet congue. Nunc eget massa vel nisi scelerisque iaculis. Fusce lorem. Aenean velit. Sed auctor leo quis augue.

Donec at dolor id augue aliquet tempor. In sit amet neque. In hac habitasse platea dictumst. Vestibulum vehicula. Aliquam et felis. Nullam cursus. Proin at lorem. Sed convallis lorem sed sem. Aenean urna diam, volutpat eget, consectetuer et, eleifend sit amet, urna. Cras lacus nibh, hendrerit at, pellentesque sed, feugiat tempus, elit. Nullam id purus in risus dignissim viverra. Curabitur sit amet mi. Duis vel lacus sit amet magna venenatis tincidunt. Duis sit amet orci. Sed id sem. Donec ultrices placerat enim. Curabitur sit amet urna. Vestibulum posuere, tortor id scelerisque vulputate, ante sapien consequat lectus, ut elementum eros pede non pede. Fusce placerat, odio ut gravida suscipit, ante lacus congue augue, bibendum ornare nisl turpis vitae massa. Maecenas eu orci quis ligula interdum fermentum.

Aliquam nec nibh. Nullam a mauris. Etiam tempor mattis augue. Cras blandit, lorem ac venenatis vehicula, felis nisi posuere velit, sed condimentum erat dolor eu magna. Ut euismod. Phasellus molestie, dolor laoreet dapibus interdum, augue urna faucibus nulla, quis auctor mauris erat eget diam. Vivamus lectus tellus, pharetra a, tristique non, tempus eget, tortor. Suspendisse nonummy elit ut est. Nunc interdum convallis est. Morbi eget quam non tortor adipiscing interdum. Sed nibh. Pellentesque eros.

Donec a enim et neque pulvinar tristique. Etiam massa risus, varius in, feugiat sed, scelerisque ac, dolor. Vestibulum nisl diam, facilisis nec, rutrum id, commodo scelerisque, eros. Etiam porttitor rutrum ipsum. In adipiscing gravida leo. Integer sit amet orci. Sed facilisis iaculis nunc. Maecenas commodo libero eget eros. Curabitur fermentum, nisl sed fringilla bibendum, mi neque tempus erat, sit amet pulvinar velit arcu vitae quam. Phasellus vel est sit amet tortor sagittis lacinia. Nunc iaculis nunc et ligula. Aenean tempor. Etiam id urna. Praesent facilisis. Etiam sit amet metus et pede euismod sodales. In vitae libero id neque dictum pulvinar.