01.12.2012 Views

7 Components: the Function Pages - Developers

7 Components: the Function Pages - Developers

7 Components: the Function Pages - Developers

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Secondly, <strong>the</strong> correct size must be selected, so that <strong>the</strong> height of <strong>the</strong><br />

image matches that of <strong>the</strong> text.<br />

Tip: Since <strong>the</strong> size relates to <strong>the</strong> width of <strong>the</strong> graphic, you may need<br />

to experiment a bit before finding <strong>the</strong> correct expansion factor. It is a<br />

good idea to work with <strong>the</strong> preview function instead of saving each<br />

attempt.<br />

Aligning images on a page using <strong>the</strong> attributes left and right<br />

causes <strong>the</strong> text to flow around <strong>the</strong>se images. There are a few opportunities<br />

to influence <strong>the</strong> positioning of <strong>the</strong> file. If you want <strong>the</strong> upper<br />

edge of <strong>the</strong> image to line up with <strong>the</strong> first line of text, place <strong>the</strong> image<br />

link before <strong>the</strong> first word in <strong>the</strong> paragraph. If you insert it after<br />

<strong>the</strong> first word, <strong>the</strong> first line will be written in full and <strong>the</strong> image will<br />

be attached to <strong>the</strong> second line. Generally, if an image is announced<br />

in a line, it is not displayed until <strong>the</strong> start of <strong>the</strong> following line. The<br />

end of <strong>the</strong> paragraph has no effect on <strong>the</strong> alignment. In fact, <strong>the</strong> entire<br />

subsequent text, including sections and tables, will be displayed<br />

next to <strong>the</strong> image. In order to make <strong>the</strong> paragraph begin underneath<br />

<strong>the</strong> image, place <strong>the</strong> following line directly before <strong>the</strong> respective<br />

paragraph:<br />

<br />

The line is <strong>the</strong>n pushed far enough down until it has passed <strong>the</strong> edge<br />

of <strong>the</strong> image.<br />

It is possible to position one graphic image on <strong>the</strong> left edge and<br />

ano<strong>the</strong>r at <strong>the</strong> same height on <strong>the</strong> right edge. To do this, write <strong>the</strong><br />

links for <strong>the</strong> images with <strong>the</strong> varying alignment attributes one directly<br />

after <strong>the</strong> o<strong>the</strong>r. The order does not matter. The text will <strong>the</strong>n<br />

flow between <strong>the</strong> illustrations. Text located between <strong>the</strong> two images<br />

is joined with <strong>the</strong> normal continuous text and thus can, under certain<br />

conditions, appear before <strong>the</strong> first image.<br />

Tipp: The use of areas surrounded by and images in <strong>the</strong><br />

same paragraph can lead to both elements covering each o<strong>the</strong>r; this<br />

should be avoided.<br />

Fig. 6.7<br />

6.3 Multi-Page Design I - Images �<br />

�<br />

�<br />

91<br />

Aligning images<br />

Two images at<br />

<strong>the</strong> same height

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!