Grow your CSS skills. Land your dream job.

Automatically organizing Data into 3 Colums via CSS

  • # April 28, 2010 at 4:35 pm

    Hello, I have a project that I do not know how to approach it. What I need to do is this:

    I have list of names, lets say 400 names, and they could be listed as such:

    Lopez
    Ramirez
    Cohen
    Chazir
    Smith

    But the list could go on, what I would like to do with the css, to be able to manipulate this data to be divided into 3 colums automatically. So if I have not 300, but 70 names, there would be 3 colums, or if I have 600 names too, so the CSS does the trick to divide them into 3. Is that possible?

    Thanks,

    # April 28, 2010 at 5:49 pm

    http://www.css3.info/preview/multi-column-layout/

    It doesn’t have great browser support, though.

    # April 28, 2010 at 11:15 pm

    Thanks, but CSS 3 may not be the solution since there is other browsers out there that are not supported. Any body? Any Jquery magic?

    # April 29, 2010 at 1:00 pm

    This example uses a combination of CSS3 and JS:

    http://www.cvwdesign.com/txp/article/36 … javascript

    # April 29, 2010 at 6:17 pm

    I found this, really help to do what I wanted it.

    http://welcome.totheinter.net/columnizer-jquery-plugin/

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".