Template talk:ImageStackRight

From Wikipedia, the free encyclopedia

Contents

[edit] Image Stacking Template

This template can be used to stack images on the right side of the article text and keep them in line.

[edit] Parameters

{{{1}}} is the width of the box in pixels. Use the number only (e.g. 250) and do not put “px” after the number. Make the box about 20 px wider than the widest picture in the stack. Thumbs without an image width specification are by default 180px wide, so the surrounding box should be 200px wide.

{{{2}}} is simply the list of images, in normal Wikipedia format.

Note: Changing the size of the box will not resize the images. The box must be wide enough to accommodate the images.

[edit] Example

Here is a boring caption
Here is a boring caption
Here is a boring caption
Here is a boring caption

{{ImageStackRight|170|[[Image:Wikipedesketch1.png|frame|right|Here is a boring caption]][[Image:Wikipedesketch1.png|frame|right|Here is a boring caption]]}}

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus.

Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.

[edit] Template misuse

This template should really only be used in cases where there is a series of images that logically should be placed in a column. It is not for putting any and all images in an article in a column. I think that this template is being misused more than it is used properly, so I'll nominate it for deletion once I've cleaned up the articles that use it. (It's not that hard just to manually code a table when this template would actually be needed). ~MDD4696 03:10, 6 March 2006 (UTC)

OK, so I've gone through all the uses of this template and made changes where I thought necessary. There were a few good articles that demonstrate proper use of this template, such as Google logo and Nelson hold, but a few were just using this template to stack an image gallery.
This template does have limited use, so I have decided against nominating it for a TfD, but please make sure that when you use this template, it's for images that should be logically grouped together. If you want to stack unrelated images, just list them. Using this template just to make a stack is cumbersome and error-prone. ~MDD4696 04:36, 8 April 2006 (UTC)
Please don't just list them, it breaks the Cologne Blue skin. Ashibaka tock 02:55, 16 May 2006 (UTC)
I would say that that's more of a problem with the skin than with listing images. ~MDD4696 17:21, 27 August 2006 (UTC)

[edit] Layout problems in Safari, Firefox

This template seems to work fine in the examples above, but in Olimpiysky Sport Complex, where it's used for both right and left columns, it messes up the layout in Safari 2.0.4:

  1. No matter how much I resize the window and reload the page, there is always a horizontal scroll bar at the bottom and the right-stacked images stick out into the page body's right margin by about 20px, with the their rightmost 10px outside the window unless I scroll.
  2. The first few letters of the text which flows around the left-stacked images is obscured by them, rendering it pretty much unreadable.

These problems don't appear in Firefox/Mac, but in both Firefox and Safari:

  • The left image stack has a one-line top margin, and doesn't align with the top of the text it is next to.

I'll remove the template for now, but you can see the problems I describe in this revision of the article. Michael Z. 2006-08-11 02:39 Z

Ah! Read the docs: "20 pixels wider". Cheers. Michael Z. 2006-08-11 02:44 Z
27 pixels aligns the image box perfectly with plain floated images, in Safari. Michael Z. 2006-08-11 02:48 Z

[edit] Internet Explorer

In IE/Mac text does not flow alongside the box, the box comes first, then the content that should flow around it. See this version of Expressionism. And, yes, I know few people use IE/Mac and MS no longer develops it, but someone reported the problem on the Expressionism talk page, and it's very likely they were using IE/Windows. Thanks! --sparkitTALK 04:39, 9 March 2007 (UTC)