Last modified: 2005-06-14 16:00:18 UTC

Wikimedia Bugzilla is closed!

Wikimedia migrated from Bugzilla to Phabricator. Bug reports are handled in Wikimedia Phabricator.
This static website is read-only and for historical purposes. It is not possible to log in and except for displaying bug reports and their history, links might be broken. See T2187, the corresponding Phabricator task for complete and up-to-date bug report information.
Bug 187 - Left/Center/Right images in sequence do not display correctly
Left/Center/Right images in sequence do not display correctly
Product: MediaWiki
Classification: Unclassified
File management (Other open bugs)
PC Windows XP
: Normal normal (vote)
: ---
Assigned To: Nobody - You can work on this!
: 669 (view as bug list)
Depends on:
Blocks: 202
  Show dependency treegraph
Reported: 2004-08-22 14:31 UTC by Daniel U. Thibault
Modified: 2005-06-14 16:00 UTC (History)
2 users (show)

See Also:
Web browser: ---
Mobile Platform: ---
Assignee Huggle Beta Tester: ---


Description Daniel U. Thibault 2004-08-22 14:31:09 UTC
On the [[6489 Golevka]] page, I tried aligning three (thumbnailed) images
side-by-side by setting align="left", "center", "right" in sequence. The
centered image ended up left-aligned and overlapping the left image. I
eventually had to organise the images differently. Play around with it and see
if you can get three images to line up side-by-side.
Comment 1 Timwi 2004-08-28 22:04:56 UTC
You guys always come up with new ways of laying out images on a page.  Things
would be way easier (not just for developers, but also for readers) if it was
done the same consistent way everywhere.

Correspondingly, I have edited the page you mentioned.  There are two ways of
laying out a series of images on a page that currently work perfectly, so I
highly recommend to stick to them.  The first is to use |right| on all of them,
thereby arranging them along the right edge of the screen.  I use this whenever
there is enough text, lest the images run off the bottom of the article.  The
other way is to use |left| on all of them, allowing them to form a horizontal
row.  Use this whenever there are few enough images to fit in one line, or there
is too little text for a vertical arrangement, both of which is the case in
[[6489 Golevka]].
Comment 2 JeLuF 2004-10-09 22:09:51 UTC
*** Bug 669 has been marked as a duplicate of this bug. ***
Comment 3 JeLuF 2004-10-11 21:22:03 UTC
Fixed in CVS HEAD, REL1_3 and REL1_3A. Also fixed on

Using <div class="center"> instead of <span style="text-align:center;">.

[[Image:6489 golevka-s01.jpg|left|thumb|150px|Golevka]]
[[Image:6489 golevka-03.jpg|right|thumb|150px|Golevka]]
[[Image:6489 golevka-02.jpg|center|thumb|200px|Golevka]]

should now show the three images next to each other, with 01 left, 02 in the middle,
and 03 to the right.
Comment 4 JeLuF 2004-10-11 21:25:14 UTC
*** Bug 669 has been marked as a duplicate of this bug. ***

Note You need to log in before you can comment on or make changes to this bug.