In Progress

JQuery/CSS for Multi-column Numbered Lists

I have a web page with many lists on it. The lists are being populated by PHP and? a MySQL database. There can be any number of lists on the page, each with it's own header. Each list can grow to any number of list items. I would like to present the lists in a 4 column layout. I? need the height of each column to be close to the other columns, meaning each column? will have close to the same amount of content and none? will be overly long or short. I would like each column to start with a new list so that no list is cut-off in the middle and carried over to the next column. The format of the html will look like this:

<ol>

? <lh>Category 1</lh>

? ? ? <li>Blog 1.1</li>

? ? ? <li>Blog 1.2</li>

</ol>

<ol>

? <lh>Category 2</lh>

? ? ? <li>Blog 2.1</li>

? ? ? <li>Blog 2.2</li>

? </ol>

<ol>

? ? <lh>Category 3</lh>

? ? ? <li>Blog 3.1</li>

? ? ? <li>Blog 3.2</li>

</ol>

The 4 columns need to fit in a 960px wide div. The lists will need to be styled using css to look? like the example provided below.

Here is a manually-populated example of what I am going for. There will be much more content and the columns? need to? be? closer to equal height than this example:

<[url removed, login to view]>

## Deliverables

I would like a jQuery/CSS solution to this problem. If that is not possible, plain Javascript and CSS? will be ok. Here is an example of Columnizing using jQuery, but this example uses only one list.?

<[url removed, login to view]>

Skills: CSS, Javascript, MySQL, PHP, Software Architecture, Software Testing, Web Hosting, Website Management, Website Testing

See more: jquery 2.1 0, jquery 1.2 3, example of number problem with solution, css height jquery, jquery css javascript, html css php mysql jquery, ,, cut css, cut and grow, Column, jquery multi list, jquery css content, jquery html format, jquery page web, jquery multi, plain css, jquery amount, jquery list, layout column, column html, header jquery, jquery category, multi jquery php, jquery css javascript php, php jquery html css mysql, content height javascript

About the Employer:
( 8 reviews ) LAGUNA BEACH, United States

Project ID: #3510733

Awarded to:

qlayervw

See private message.

$30.6 USD in 14 days
(17 Reviews)
3.1

9 freelancers are bidding on average $42 for this job

stevebryant

See private message.

$38.25 USD in 14 days
(535 Reviews)
6.7
ModularGuy

See private message.

$51 USD in 14 days
(46 Reviews)
5.9
maxmagento

See private message.

$38.25 USD in 14 days
(64 Reviews)
6.0
FantasticCoder

See private message.

$51 USD in 14 days
(27 Reviews)
4.1
StrongDecs

See private message.

$42.5 USD in 14 days
(16 Reviews)
4.0
Alabady

See private message.

$38.25 USD in 14 days
(3 Reviews)
2.5
phpbombs1

See private message.

$34 USD in 14 days
(7 Reviews)
1.8
softbuilders

See private message.

$51 USD in 14 days
(0 Reviews)
3.2