Print

[Ender]

Some information for the wiki contributors.

A lot of pages use two aligned tables ( example ).
As we are mixing some html/boostrap sutff with the wiki syntax it's not always easy to understand so there is a little explanation :

Code: [Select]

<div class="row">
   <div class="col-sm-6">
      First table
   </div>
   <div class="col-sm-6">
      Second table
   </div>
</div>
* First table & Second table are normal table using wiki syntax

So what does it means ?

• <div class="row">: We create a new row to align the two table. Things to know a row has a width of 12
•    <div class="col-sm-6">: We create a column with a width of 6
•    </div>: We close the column
•    <div class="col-sm-6">: We create the second column with a width of 6
•    </div>: We close the second column
• </div>: We close the row

The "sm" in "col-sm-6" means : "Use this rule for small resolution and bigger. For extra small resolution use full width"
This is not very convinient but improve the responsivness of the wiki.

Feel free to ask here for help with design issue.

[paragon]

We CAN make sortable tables! Use {| class="wikitable sortable"

http://fonline-aop.net/wiki/index.php?title=Leadership_Modules

[MARXMAN]

Thanks for the useful info, until now I've just been copying other peoples' tables and inserting my own text.

[Myakot]

Thanks for the useful info, until now I've just been copying other peoples' tables and inserting my own text.

That's the true way.