Home > Structure > English > Manuals > User Maunal > embed content > Image alignment
A newer version of this fact exists. (view)
Image alignment
 
If you integrate a image using text or HTML mode, it is advisable to specify the width and/or the height of the graphic. If the browser can find out how big the graphic will be, the site will load faster. Furthermore the specification of the height and width allows you to change the size of the picture:
<factimage 104281.0 width="30" height="30"/>

With this syntax contortions can occur if you do not enter the exact width and height proportions. If for this reason you want to avoid contortions, only enter one side:
<factimage 104281.0 width="30"/>    OR    <factimage 104281.0 height="30"/>

In order to be able to adjust a picture, take note of the following instructions:
Aligning the picture between paragraphs <div align="adjustment"><factimage 104281.0/></div>
Enter one of the following values for an adjustment:
center = the picture is centered
left = the picture is pasted on the left side (left-justified)
right = the picture is pasted on the right side (right-justified)
Aligning the picture in the text <factimage 104281.0 align="adjustment"/>
Enter one of the following values for an adjustment:
top = the picture is pasted at its top margin into the text line.
middle = the picture is pasted at its middle into the text line.
bottom = the picture is pasted at its bottom margin into the text line.
Allowing text to flow around a picture <factimage 104281.0 align="adjustment" hspace="LeftRight" vspace="TopBottom"/>
Type in one of the following values instead of an adjustment:
left = Aligns the picture at the left side (text flows around the right side).
right = Aligns the picture at the right side (text flows around the left side).
LeftRight: type in a number, for example 10, in order to determine the pixel distance from the picture to the left and right edges.
TopBottom: type in a number, for example 10, in order to determine the pixel distance from the picture to the top and bottom edges.
Set picture as a button <factlink 117559.0><factimage 104280.0 border="0"/></factlink>


Metainfo:
Author: Astrid Holzhauser; Published by: Toby Neal (tobiasneal)
factID: 153190.2 (...history); published on 11 Apr. 2006 15:52
 
Shortcuts:
 
Referers (3):
table of contents05 Mar. 2014
Insert images18 Jan. 2012
Insert images25 Aug. 2010