Board Thread:Support Requests - Getting Technical/@comment-3083931-20140806042843/@comment-1686138-20140806082756

There may be a few ways to do this, the easiest way I can see would be just to place the images inline dependent on a parameter, eg.

|- ! colspan="2" style="text-align:center;" | Performance Marks


 * colspan="2" style="text-align:center;" |
 * }
 * }

Using the simplistic method, you can remain using 2 columns and specify a width for them. This will place all the images inline a single row, this method will equally space the images across the template whilst keeping your specified column size. When there are too many images to fit in the row, it will place further images onto a second line, third line etc.

A second method, is to use a table within a table. Essentially where you want the images, insert another table for instance in a similar manor in the above example, and use a column for each image. This will create the same effect as the above method.

|- ! colspan="2" style="text-align:center;" | Performance Marks




 * }

I have created a mockup of styles for inspiration in a sandbox page in this Example.

Please don't hesitate to ask any questions, if you aren't familiar with some syntax please ask me or others to clarify. I had to keep this brief as I won't be online for a few hours.