Help:Images: Difference between revisions

Adding '''images''' to The Portal Wiki is a great way to enhance the content of an article. Here are some basics on how to use and format images. Image use is regulated by our [[Help:Image guidelines|Image use policy]].  

* <code>border</code>, <code>frame</code>, <code>thumb</code>, or <code>frameless</code>: Controls how the image is formatted

* <code>left</code>, <code>right</code>, <code>center</code>, <code>none</code>: Controls the alignment of the image within a text

* <code>baseline</code>, <code>sub</code>, <code>super</code>, <code>top</code>, <code>text-top</code>, <code>middle</code>, <code>bottom</code>, <code>text-bottom</code>: Controls the vertical alignment of the image within a text

* <code>{width}px</code>: Resizes the image to the given width in pixels

* <code>{width}x{height}px</code>: Resizes the image to fit within the given width and height in pixels; it is possible to specify only the height by writing <code>x{height}px</code>

*  ''link={destination}'': Allows to link to an article or URL; '''e.g.''' <code><nowiki>[[Image:Name.jpg|20px|link=Help:Images]]</nowiki></code> [[Image:Logo.png|20px|link=Help:Images]].

** <code>link=</code>: Will display an image without link.

** ''Note that <code>link</code> cannot be used in conjunction with <code>thumb</code> as thumb is always meant to link to the larger version of the image. In addition, <code>link</code> cannot be used with <code>frame</code>.''

* <code>alt={alternative text}</code>: For changing the alternative text (<code>alt=""</code>) of an image.

The options can be given in any order. If the given options conflict each other, the latter is applied, except for the format options, where the options take the priority in the order of <code>frame</code>, <code>thumb</code>, and <code>frameless</code> and/or <code>border</code>. If a given option does not match any of the other possibilities, it is assumed to be the caption text. Caption text can contain wiki links or other formatting.

On occasion it is desirable to stop text from flowing around an image. Depending on the web browser's screen resolution and such, text flow on the right side of an image may cause a section header (for instance, <code>== My Header ==</code>) to appear to the right of the image, instead of below it, as a user may expect. The text flow can be stopped by placing <code><br style="clear: both" /></code> before the text that should start after the image.

== List of Files in The Portal Wiki ==

*[[Help:Image guidelines]] - Image guidelines for The Portal Wiki