UniWiki:Manual of Style/Images: Difference between revisions

Line 69:

====Horizontal placement====

~~[[File:Siberian Husky pho.jpg|thumb|left|alt=A white dog in a harness playfully nuzzles a young boy |A [[Siberian Husky]] used as a pack animal]]~~

* In most cases, images should be right justified on pages, which is the default placement. If an exception to the general rule is warranted, <code>|left</code> can be used:

<code><nowiki>[[File:Siberian Husky pho.jpg|thumb</nowiki>'''<span style="color:red;">|left</span>'''<nowiki>|alt=A white dog in a harness playfully nuzzles a young boy |A [[Siberian Husky]] used as a pack animal]]</nowiki></code>~~{{Shortcuts|MOS:IMAGELOCATION|MOS:SANDWICHING|MOS:IMGLOC}}{{clear}}~~

<code><nowiki>[[File:Siberian Husky pho.jpg|thumb</nowiki>'''<span style="color:red;">|left</span>'''<nowiki>|alt=A white dog in a harness playfully nuzzles a young boy |A [[Siberian Husky]] used as a pack animal]]</nowiki></code>

~~{{clear}}~~

* Multiple images can be staggered right and left. However, avoid sandwiching text between two images that face each other; or between an image and infobox, navigation template, or similar.

[[File:The suicide of Cleopatra; the asp is wriggling up the left a Wellcome V0041560.jpg|thumb|330px|... can create a distasteful text sandwich.]]

~~[[File:Harvard Theatre Collection - Sarah Bernhardt TCS 2 (Cleopatra) (cropped).jpg|thumb|left|330px|Large images opposite one another{{nbsp}}...]]~~

* Multiple images can be staggered right and left. However, avoid sandwiching text between two images that face each other; or between an image and infobox, navigation template, or similar. If multiple related images are being placed on the right, then the {{tl|multiple image}} template may be useful but be aware that this template does not [[WP:IMGSIZE|allow logged-in users' selected image sizes]] to be respected, if any have been set.

* In a few web browsers, bulleted lists do not format properly adjacent to left-aligned images; thus it may be preferable to avoid placing a left-aligned image near lists.

* It is often preferable to place images of people so that they "look" toward the text. (Do not achieve this by reversing the image, which creates a false presentation e.g. by reversing the location of scars or other features.)

~~{{clear left}}~~

====Vertical placement====

@@ Line 69: / Line 69: @@
 ====Horizontal placement====
-[[File:Siberian Husky pho.jpg|thumb|left|alt=A white dog in a harness playfully nuzzles a young boy |A [[Siberian Husky]] used as a pack animal]]
 * In most cases, images should be right justified on pages, which is the default placement. If an exception to the general rule is warranted, <code>|left</code> can be used:
-<code><nowiki>[[File:Siberian Husky pho.jpg|thumb</nowiki>'''<span style="color:red;">|left</span>'''<nowiki>|alt=A white dog in a harness playfully nuzzles a young boy |A [[Siberian Husky]] used as a pack animal]]</nowiki></code>{{Shortcuts|MOS:IMAGELOCATION|MOS:SANDWICHING|MOS:IMGLOC}}{{clear}}
+<code><nowiki>[[File:Siberian Husky pho.jpg|thumb</nowiki>'''<span style="color:red;">|left</span>'''<nowiki>|alt=A white dog in a harness playfully nuzzles a young boy |A [[Siberian Husky]] used as a pack animal]]</nowiki></code>
-{{clear}}
+* Multiple images can be staggered right and left. However, avoid sandwiching text between two images that face each other; or between an image and infobox, navigation template, or similar.
-[[File:The suicide of Cleopatra; the asp is wriggling up the left a Wellcome V0041560.jpg|thumb|330px<!--fixed width to guarantee "sandwiching" effect regardless of user preference settings; this is a bit tricky because if screen is too narrow, then text will be squeezed out completely from between images and the effect is nullified-->|... can create a distasteful text sandwich.]]
-[[File:Harvard Theatre Collection - Sarah Bernhardt TCS 2 (Cleopatra) (cropped).jpg|thumb|left|330px<!--see note to prior image re size-->|Large images opposite one another{{nbsp}}...]]
-* Multiple images can be staggered right and left. However, avoid sandwiching text between two images that face each other; or between an image and infobox, navigation template, or similar. If multiple related images are being placed on the right, then the {{tl|multiple image}} template may be useful but be aware that this template does not [[WP:IMGSIZE|allow logged-in users' selected image sizes]] to be respected, if any have been set.
 * In a few web browsers, bulleted lists do not format properly adjacent to left-aligned images; thus it may be preferable to avoid placing a left-aligned image near lists.
 * It is often preferable to place images of people so that they "look" toward the text. (Do not achieve this by reversing the image, which creates a false presentation e.g. by reversing the location of scars or other features.)
-{{clear left}}
 ====Vertical placement====