One tool I use a long time ago is CSS mutli-column generator by Jerome Debray. This tools helps me to make a correct CSS for create <li>
in sereral columns. Simple example:
- Column 1 - Row 1
- Column 1 - Row 2
- Column 2 - Row 1
- Column 2 - Row 2
CSS used:
-moz-column-count:2;
-webkit-column-count:2;
-o-column-count:2;
column-count:2;
-moz-column-gap:20px;
-webkit-column-gap:20px;
-o-column-gap:20px;
column-gap:20px;
-webkit-column-rule-width:1px;
-webkit-column-rule-color:#cbcefb;
-webkit-column-rule-style:dotted;
-moz-column-rule-width:1px;
-moz-column-rule-color:#cbcefb;
-moz-column-rule-style:dotted;
-o-column-rule-width:1px;
-o-column-rule-color:#cbcefb;
-o-column-rule-style:dotted;
column-rule-width:1px;
column-rule-color:#cbcefb;
column-rule-style:dotted;
Jerome's website has many other online tools, that help webdevs like me. Rendez-vous at www.debray-jerome.fr/outils.html (sorry for non-French speaker).
Comments
No comments yet.