Please follow below links to see common layouts demo.
Grid-based Layouts Demo
Written by JoomlaEZ admin. Published on Thursday, 26 February 2009 11:51 Last updated on Thursday, 26 February 2009 19:11
Predefined grid sizes
class="container"
class="w75"
class="w70"
class="w65"
class="w60"
class="w55"
class="w50"
class="w45"
class="w40"
class="w35"
class="w30"
class="w25"
class="w20"
class="w15"
class="w10"
class="w5"
Creating grid-based tableless layouts
Below is sample 2 columns and 3 columns table created without using <table> markup.
2 columns tableless tables
class="fl w10"
class="fr w70"
class="fl w20"
class="fr w60"
class="fl w30"
class="fr w50"
class="fl w40"
class="fr w40"
class="fl w50"
class="fr w30"
class="fl w60"
class="fr w20"
class="fl w70"
class="fr w10"
3 columns tableless tables
class="fl w10"
class="fl w10"
class="fr w60"
class="fl w10"
class="fl w20"
class="fr w50"
class="fl w15"
class="fl w35"
class="fr w30"
class="fl w20"
class="fl w30"
class="fr w30"
class="fl w25"
class="fl w30"
class="fr w25"
class="fl w40"
class="fl w15"
class="fr w25"
