User:Timeshifter/Sandbox 9

From Cannabis
Jump to: navigation, search

Image rows that wrap. This only works with widely varying screen and browser widths if "thumb" not used. That means captions can not be used. See:

New York City 2012 GMM.jpg New York City 2012 GMM 7.jpg Global Marijuana March 3.jpg


Row of images that will wrap to browser width[edit]

The only thing that works for a row of images with varying widths is not to use "thumb" or "left" or "none".

[[File:Example.jpg|300px]]
[[File:Example.jpg|100px]]
[[File:Example.jpg|150px]]
[[File:Example.jpg|250px]]
[[File:Example.jpg|200px]]
[[File:Example.jpg|50px]]
[[File:Example.jpg|220px]]
[[File:Example.jpg|175px]]

Example.jpg Example.jpg Example.jpg Example.jpg Example.jpg Example.jpg Example.jpg Example.jpg

Some wiki farms do not have all gallery options (such as "widths"). Also, sometimes one wants varying widths for images in a row. Outside of a gallery it is impossible to have individual captions for images in a row of images that will wrap to the browser width. Try it and see. Nothing works. Images will either overlap stuff on the right, or force a horizontal scroll bar.

Using a left float ("left") for some images, combined with "none" for some of the images, will not work consistently either, especially if there is also a right sidebar of images. Weird things will occur. At narrower browser or screen widths an image out of the row may appear far down the page after the end of the right sidebar of images.

If "thumb" is not used (and thus no captions) a row of images will wrap to the browser width.

Border attribute works[edit]

Global Marijuana March.jpg Malmo 2015 May 2 Sweden 2.jpg Cape Town 2015 May 9 South Africa 3.jpg Phoenix 2015 May 2 Arizona.jpg Rome 2015 May 9 Italy.jpg