Team:Georgia Tech/sandbox/picturedemo

From 2012.igem.org

Media Wiki Markup

So plain editing text, as I'm sure you've noticed, is super simple. You just type, and it appears. If you want headings, you use "=" signs in front. I like using two "="s for top level headings, and three for subsequent headings

See?

Like This

There's a whole lot of text editting you can do, and I found a useful guide on [http://www.mediawiki.org/wiki/Help:Formatting MediaWiki]

Adding Pictures

There are two main ways to add pictures.

Using wiki Markup
Using HTML and CSS

[http://www.mediawiki.org/wiki/Help:Images A guide on using Wiki markup for pictures] If you don't care where the picture is exactly, as long as it's in the general area you want it, you can use Wiki markup. Wiki markup will just put the picture bellow the text it's around.

Actually, I think it does text wrap. Yes, yes it does. Well, forget everything I said about using HTML and just do it this way, it's way simpler.

If you want to stop the text from wrapping, say "<br style="clear: both" />" right before the text you want to go bellow the image.

Like this

And it's also useful to resize images so they aren't huge. You just do that in the same way you tell the image which side of the page to go on, with a "|" inbetween the different options:

The guide I linked to up there is way more in depth than this. If you want any help with specifics, let me know.