creating multiple columns for list page...

2 posts by 2 authors in: Forums > CMS Builder
Last Post: March 3, 2011   (RSS)

Re: [cfdesign] creating multiple columns for list page...

By Toledoh - March 3, 2011

I use CSS floats to do it;

#detailsContent ul{
list-style-type:none;
width:560px;
margin-left:40px;
font-size:12px;
}
#detailsContent li {
float:left;
margin: 10px 0 0 0;
padding: 0 10px 0 0;
width:150px;
list-style-image:url(../images/tickbox.png);
}


Then have the page content something like
<div id="detailsContent">
<ul>
[for each...]
<li>[item goes here]</li>
[end for each]
</ul>
</div>

Cheers,

Tim (toledoh.com.au)