Search code examples
css960.gs

960 Grid: the proper way to make grid lists


When using the 960 grid, what is the proper way to make lists of information? By lists of information, I am specifically referring to a list of data you would show a user on a page, not a listbox or html control.

For example, go to the main page (http://stackoverflow.com/) and look at the list of 'Top Questions'. I want to achieve the same type of list, but using 960gs.


Solution

  • 960gs is just a way to divide a page into grids to but different sections of content in. Once you start putting content into those sections, it becomes more or less irrelevant.

    If you have a list of data, then use standard list markup — a <ul> or <ol> containing one or more <li> elements.

    If you have tabular data (as per your example), then use table markup — a <table> with appropriate <caption>, <thead>, <tfoot>, <tbody>, <tr>, <th> and <td> elements.