On Saturday, 14th February 2004, at 10:00 (GMT), Karl Eichwalder
wrote:
Magnus Manske <magnus.manske(a)web.de> writes:
I have recently seen several pages with many
images on them, in a
way that, even thumbnailed, the pages seem cluttered and hard to
read.
In (unsaved) experiments, I found that it is possible to align
several thumbnailed images on a single page on the right side by
doing this:
{| align=right
|[[image:1.jpg|thumb|right|first image]]
[[image:2.jpg|thumb|right|second image]]
[[image:3.jpg|thumb|right|third image]]
|}
Interesting :) Is this the recommended syntax to line up images
vertically?
I use:
<div "float:right">
[image:...|200px]<br>Caption<br><br>
[image:...|200px]<br>Caption<br><br>
[image:...|200px]<br>Caption<br><br>
</div>
... which looks, to my mind, neatest.
This is best
done with thumbnails of similar size, which can be
achieved easily enough.
It isn't that easy if images should be aligned horizontally. I'm
interested in a layout as follows (this is: images in a row with the
same size but with different description texts):
+-----------+ +------------+ +------------+
| | | | | |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
+-----------+ +------------+ +------------+
| | | | +------------+
+-----------+ | |
| |
+------------+
I get this far (centered at the middle: ........):
+------------+
+-----------+ | |
| | | | +------------+
| | | | | |
| | | | | |
...|...........|...|............|...|............|....
| | +------------+ | |
+-----------+ | | | |
| | | | +------------+
+-----------+ | | +------------+
+------------+
Well, this would work:
{| align="center"
|[image:.1.|200px]|[image:.2.|200px]|[image:.3.|200px]
|Caption 1|Caption 2| Caption 3
|}
... but it's horribly ungainly for editing.
[ powered by
Emacs/artist-mode ]
Bah, use vi! ;-)
Yours,
--
James D. Forrester
james(a)jdforrester.org | csvla(a)dcs.warwick.ac.uk | jdforrester(a)grovewood.org
jon(a)eh.org | jamesdforrester(a)hotmail.com | james.forrester(a)orange.net