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.

! style="width:100px; background-color:#CD5C5C; color:#FFFFFF;" | Team Deathmatch ! colspan="2" | Performance Marks
 * - style="text-align:center;"
 * colspan="2" |

Using the simplistic method, you can remain using 2 columns and specify a size for them. This will place all the images in a single column, 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.

! style="width:100px; background-color:#CD5C5C; color:#ffffff;" | Team Deathmatch ! colspan="2" | Performance Marks
 * colspan="2" |
 * }
 * }

I have created a mockup of styles for inspiration in a sandbox page http://avatar-wiki-wars-2.wikia.com/wiki/User:AshleyJames

(Do note that I have made changes to the manual of style in your current infobox and the result will not display as intended)

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.