I'd like to add some CSS classes to our stylesheets, based on the
popular image layouts listed on this page:
http://www.wikipedia.org/wiki/Wikipedia%3AImage_markup_gallery
For example, instead of this:
------------
<div style="float:right;margin:0 0 1em 1em;">[[Image:image name|alt
text]]
''Caption''</div>
------------
we could write this:
---------------
<div class="floatright">[[Image:image name|alt text]]
''Caption''</div>
------------------
and the style rules would be in our stylesheet as:
div.floatright { float:right;margin:0 0 1em 1em; }
div.floatright p { font-style: italic; }
Advantages:
1. easier to type for contributors
2. less "evil" code in the wiki text. It's easier for the average reader
to understand what the "evil" code does.
3. we have built-in formatting for captions which is applied
consistently across all pages
4. when we switch to a markup such as: "{{floatright}}[[Image:foo]]",
the css is already in place and the way rendered pages look will not change.
5. we can easily choose to apply borders to all our images, or a soft
background color.
I propose to add:
1. float right, as above
2. float left
3. centered block
4. "gallery", see the example in the attached document