Login Form
Home Layouts Tableless Layouts

Creating balanced-columns tableless tables

Wrapper: class="tr gr2"
Column 1: class="fl tc"
Column 2: class="fr"
Wrapper: class="tr gr3"
Column 1: class="fl tc"
Column 2: class="fl tc"
Column 3: class="fr"
Wrapper: class="tr gr4"
Column 1: class="fl tc"
Column 2: class="fl tc"
Column 3: class="fl tc"
Column 4: class="fr"
Wrapper: class="tr gr5"
Column 1: class="fl tc"
Column 2: class="fl tc"
Column 3: class="fl tc"
Column 4: class="fl tc"
Column 5: class="fr"

Sample custom tableless tables

Wrapper: class="tr"
Column 1: class="fl w30p"
Column 2: class="fr w70p"
Wrapper: class="tr"
Column 1: class="fl tc w30p"
Column 2: class="fr w70p"
Wrapper: class="tr"
Column 1: class="fl w20p"
Column 2: class="fl w30p"
Column 3: class="fr w50p"
Wrapper: class="tr"
Column 1: class="fl tc w20p"
Column 2: class="fl tc w30p"
Column 3: class="fr w50p"
Wrapper: class="tr"
Column 1: class="fl w20p"
Column 2: class="fl w20p"
Column 3: class="fl w30p"
Column 4: class="fr w30p"
Wrapper: class="tr"
Column 1: class="fl tc w20p"
Column 2: class="fl tc w20p"
Column 3: class="fl tc w30p"
Column 4: class="fr w30p"
Wrapper: class="tr"
Column 1: class="fl w20p"
Column 2: class="fl w20p"
Column 3: class="fl w20p"
Column 4: class="fl w20p"
Column 5: class="fr w20p"
Wrapper: class="tr"
Column 1: class="fl tc w20p"
Column 2: class="fl tc w20p"
Column 3: class="fl tc w20p"
Column 4: class="fl tc w20p"
Column 5: class="fr w20p"