Разбиение одного списка в несколько колонок

[Sulpher]

Возникла необходимость вывести список <ul><li> в две или более колонок не разрывая списка.

Например, у меня имеется список:

<ul>

<li>ссылка 1</li>

<li>ссылка 2</li>

<li>ссылка 3</li>

<li>ссылка 4</li>

<li>ссылка 5</li>

<li>ссылка 6</li>

</ul>

А на выхлопе нужно получать примерно такое:

> ссылка 1 > ссылка 4

> ссылка 2 > ссылка 5

> ссылка 3 > ссылка 6

Иллюстративный пример:

Имеется подключенная JQuery 1.3.2 (1.4)

Каким образом можно добиться такого эффекта?

Edited February 6, 2010 by Sulpher

[psywalker]

А я предлагаю без джиквери, просто на ЦСС, сделать два списка, а не один. И задать им по флоату каждому.

[Sulpher]

Вопрос решили вот так:

<style>

.twocolumn li {display:block;width:49%;float:left;}

</style>

<ul class="twocolumn">

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

<li>Item 4</li>

</ul>

Всем спасибо, тему закрываем.

[d0ublezer0]

Тук-тук.

Открыто?

Меня обычно тоже такое решение спасало.

Однако, когда появились вложенные UL в LI, получилось ай ай.

Т.е. если бы порядок родительских элементов шел сверху вниз слева направо, то видимо всё было бы хорошо. А так - слева направо сверху вниз то высота соседних родительских LI-элементов в "строке" растягивает "строку" по вертикали.

Будут мысли?

IE 6-7 не интересны, если под них нужно мучаться.