I have several listing of varying number and varying height. Is it possible to flow these blocks into 3 columns based on a fixed or expanding height as necessary div?

The layout should look something like the groups here... http://chicago.kijiji.com/

My lists look like this...

1 answer

BPartch 342
0
points

Is categoryBlock a class you have assigned or something this site adds to the lists? Either way give the ul's a class and then target that class.

Float them to the left and adding some right margin to space them apart a bit:

ul.categoryBlock{
  float:left;
  margin:0 20px 0 0;
}

For the last one give it an additional class and use that to remove the right margin:

<ul class="categoryBlock last">
  <li></li>
</ul>

ul.last{margin-right:0}
Answered about 9 years ago by BPartch