How to place images in an article | How to contribute

How to place images in an article

Let's keep it simple! We've done some work on image display in order to keep the markup simple and not require a lot of tricks to get to display correctly. There's no need to add breaks around images. Here's how it works:

  • If you are placing an image in a line of text, it should be no taller than 16 pixels.
  • If you are placing an image between two sentences or in a list (ordered or unordered), it should be set of with a semicolon.

Examples

Markup for an image in a set of steps

This is what the wiki markup for "setting an image off with a semicolon" looks like:

#This is a step.
#;[[Image:The Image]]
#This is the next step.

Example of an image in a set of steps

This is an example with longer text and a longer image:

  1. This is a step. And here are some additional words so you can see what they look like running above the image.
    mixed content on android
  2. This is the next step, again, with extra words so you can see what they look like running below the image.

Inline image example

  • 16px high: This is some text. The following image is just placed inline edit contact . And this is some more text just so that we have more text. Well, that's really not enough text so I'm adding some more here so that we have enough for testing.

Share this article: http://mzl.la/1dNI0Si

Was this article helpful?

Please wait...

These fine people helped write this article: Verdi, Meghraj. You can help too - find out how.
Get support for another platform:
Customize this article

Firefox