WebsiteX5.info - The ultimate guide for Incomedia's WebsiteX5

In Evolution 8 you can flow text around an image by selecting it and then click on one of the three button on the second toolbar in the Text object.






This tip is voor WebsiteX5 version 7.


You can insert an image in a text block. However you can not set the alignment of the text, so the only way to do this is to place the image in an image blok. There is a possibility to include an image in a textblock and to have the text flow around the image. For example this page consist of only one text block.


Follow these steps:

1. Select (not open) the page you want to place the image on in the "Map Creation" dialog.
2. Click on the icon for the page properties

3. Select the "Advanced"-tab and place the following code in the field "Code to add to the page header".



<style type="text/css">

.imImage {
float: left;
margin : 8px;
}

</style>

Use 'float: right' to place the image on the right side of the text.

Place your image in the code and type in the text. The effect isn't immediately visible. You have to test the page to see the effect. However there are a few difficulties in using this technique...

First of all it affects ALL images on the page, even images in other text-fields.

Second, the editor isn't WYSIWIG anymore. You have to experiment a bit until you reach the desired effect.

Third, it seems WX5 doen't calculate the height of the block correctly, so any blocks underneath the text block with the image is shown lower on the page, as you can see with this block. This page contains two block after each other with no white space at the end of the first nor at the top of the second block. And yet there is a gap!

So use with caution!

Have fun!