Home > Structure > English > Manuals > User Maunal > embed content > Align images
Align images
 
Image size

If you integrate an image using text or HTML mode, it is advisable to specify the width and/or the height of the graphic. If the browser knows how big the image is, 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"/>

However, contortions can occur if you do not keep to the exact width and height proportions. If you want to avoid contortions, simply enter either width or height:

<factimage 104281.0 width="30"/>    OR    <factimage 104281.0 height="30"/>


Alignment

In order to be able to adjust the alignment of a picture, read through the following instructions:

Align a picture between paragraphs
<div align="alignment"><factimage 104281.0/></div>
Enter one of the following values for "alignment":

center = the picture is centered
left = the picture is positioned on the left side (left-justified)
right = the picture is positioned on the right side (right-justified)
Align a picture in a text
<factimage 104281.0 align="alignment"/>
Enter one of the following values for "alignment":

top = the picture is positioned at the top margin of the text line
middle = the picture is positioned in the middle of the text line
bottom = the picture is positioned at the bottom margin of the text line
Allow text to flow arroudn a picture
<factimage 104281.0 align="alignment" hspace="LeftRight" vspace="TopBottom"/>
Type in one of the following values instead of "alignment":

left = Aligns the picture on the left side (text flows around the right side).
right = Aligns the picture at the right side (text flows around the left side).

LeftRight
(= horizontal distance):
Type in a number, for example 10, in order to determine the pixel distance from the picture to the left and right edges.

TopBottom (= vertical distance):
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>


allgemein - pfeil links - 236705.2 return to:

Metainfo:
Author: Astrid Holzhauser; Published by: Webservices factline 4 (factline4)
factID: 153190.5 (...history); published on 11 Aug. 2009 09:45
 
Shortcuts:
 
Referers (3):
table of contents05 Mar. 2014
Insert images18 Jan. 2012
Insert images25 Aug. 2010