Editing Module:Block diagram/doc (section)

== Tags ==
* The module takes several html attribute names and sets them to the value given.  The colon and semicolon you'd use in the style must '''not''' be given.

* The tags currently supported are ''left'', ''right'', ''top'', ''bottom'', ''border-style'', ''border-width'', ''border-color'', ''color'', ''background-color'', ''text-align'', ''vertical-align'', and ''vcentertext''

* Some values are altered by the module:
** A "%" is automatically added to the position attributes.  Px values are not supported.  This is intentional --- the intent is that the initial ''width'' and ''height'' parameters can be changed without having to rewrite the contents.
** The ''right'' and ''bottom'' values are given as percents from the left or top, ''not'' from the right or bottom as in the HTML.  This means that boxes from top 60 to bottom 80 and top 80 to bottom 100 will adjoin each other.

* Vertical centering is special, and relies on [[:Template:vertical center]] to position the text within the boxes with two additional divs ''inside'' the boxes.  That template accepts a third parameter that applies to the outer div of that template, which can be fine-tunes with ''vcentertext''.  To be clear, this is a dirty way of solving the last few pixels of misalignment encountered with small text in small boxes.

* Don't forget that you can include <nowiki><span> and <div> elements</nowiki>, or even images, in your text.  This allows you to cover any eventualities not yet implemented as tags here.  Only the special tags listed above are interpreted by the module; normal Wiki tags will be ignored by it, so they should be interpreted properly.  [frame:preprocess() is used on the module output]

* Currently no effort is made to try to figure out how to size the text to fit in the boxes - you have to make sure the diagram is big enough or the text small enough on your own.

* You may find it convenient to wrap up the output from this module in [[:Template:Pseudo image]], which can make it look like a thumbnail preview, complete with link to a file or page with more detail about its contents.