954,598 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

multi column lists

Hi, i have a problem trying to style a dynamically generated lists. the list ia dynamically generated with ajax and could be very long. i set a div container for the list but right now the list overflows way beyond the div container.
i would need the list to some be arranged in 3 or more columns. preferably from top to bottom and then to top of the next column on the right, so there is no overflow.

does anyone have any idea how i can do just that?

cali_dotcom
Junior Poster in Training
53 posts since Apr 2008
Reputation Points: 10
Solved Threads: 0
 

there is a tutorial http://www.bleepingcomputer.com/forums/topic56091.html
this one makes the list
1 2 3
4 5 6
7 8 9
it may not take much rewriting to have ajax count the total number of return values /3 then assign the classes appropriately to produce
1 4 7
2 5 8
3 6 9

almostbob
Posting Sensei
3,149 posts since Jan 2009
Reputation Points: 571
Solved Threads: 376
 

thanks almostbob, that really helped me solve this problem.

cali_dotcom
Junior Poster in Training
53 posts since Apr 2008
Reputation Points: 10
Solved Threads: 0
 

Not a good solution, because it uses pixel widths.

MidiMagic
Nearly a Senior Poster
3,319 posts since Jan 2007
Reputation Points: 730
Solved Threads: 182
 

This question has already been solved

Post: Markdown Syntax: Formatting Help
You