Inline pictures: layout advice
If a page contains a few paragraphs plus two or three pictures, the
normal sidebar display is still the best way to go. The inline picture
option is most useful for pages with a lot of text and / or many pictures,
especially for showing sections of text and related pictures together.
Pictures can be inserted anywhere in the text, but they will make the
page look messy if not positioned with care. There is scope for experiment
as the references may be moved or edited in the normal way within the text
entry box, but tidy layouts can be achieved using the methods described
below.
- Place references, whether for right- or left-aligned images, right
at the start of the paragraph to ensure that text and pictures line up
vertically. For example:
[123,l] [124,r] Some paragraph text .... will place a picture
on each side of the paragraph.
- Unless paragraphs are long enough to "cover" the vertical space
occupied by the picture, showing successive paragraphs with just one
picture each can produce "ragged" effect which will display inconsistently
on different screens. So maintain balance by regularly alternating the
picture alignments, e.g.
[123,l] First paragraph ...
[124,r] Second paragraph ...
[125,l] Third paragraph ...
etc.
- Tables provide more control over layouts, A single "strip" of
pictures can be shown by separating the references with commas, e.g.
[123,l] ,, [124,l] ,, [125,l] ,, [126,l]
In this case the alignment option refers to the pictures' positions within
a table cell rather than the full page, so it is best to align them all
uniformly. Because each image will occupy roughly 200 pixels horizontally,
it isn't advisable to show more than five in a row.
- Text and pictures can be combines in a table row, to assist in lining
things up exactly ...
[123,l] ,, Some text
[123,l] ,, Some more text
etc.
... or to produce a particular effect e.g. to make a "before and after"
contrast:
[123,l] ,, Some text ,, [124,r]
-
Bear in mind that table rows are always centred on the page if they are
too short to fill its entire width. Successive table rows will line up
correctly so long as there are no blank lines between them!