captain's log Dingens - Made in Germany

Howto Display List in Columns

This document provides a solution to display a simple HTML list in columns with icons per list item and how to reorder the list items into top-to-bottom, left-to-right.

This entry was first published on November 19, 2004, 05:30 AM, CET and categorized as Code, Web.

So far, no comments have been added to this entry. You can add your thoughts to the discussion below.

I just uploaded a new document to the web code dump. This one, List columns and Item Images, explains how to display a HTML list (tested with ol and ul) in percentage width columns and how to add icons to each list item in this scenario.

Accompanying the howto the document provides a JavaScript solution to reorder the list so that the items follow the natural top-to-bottom, left-to-right column reading order without requiring a change to the document on the server.