[CSS3&JS] Sortowanie pionowe - jak ikony w Windows

0

Witam.
Jak zrobić siatkę ikon jak w Windows?
Standardowo elementy w przypadku:

<div style="float:left;">Div Pierwszy</div>
<div style="float:left;">Div DRUGI</div>
<div style="float:left;">Div TRZECI</div>
<div style="float:left;">Div CZWARTY</div>
<div style="float:left;">Div PIĄTY</div>
<div style="float:left;">Div SZÓSTY</div>

Ustawiają się w kolejności:
Div Pierwszy | Div Drugi | Div Trzeci
Div Czwarty | DIV PIĄTY | DIV Szósty

Natomiast jak wykonać, by kolejność była:
DIV Pierwszy | Div Czwarty
Div Drugi | Div Piąty
Div Trzeci | Div Szósty

?

PS.
O co mi chodzi dokładnie? Chcę dodać do mojego projektu ikony -> http://img833.imageshack.us/img833/5406/4e66401560587.png <- , nie wiem jak za to się zabrać. Moim ostatecznym wyjściem jest:
http://jqueryui.com/demos/droppable/#revert

Czyli pobrać szerokość i wysokość obszaru roboczego, następnie wyliczenie ile div'ow się zmieści. Dodać do nich Droppable. Dałoby to efekt ikon w Windowsie, lecz kosztem wydajności - bo jak siatka będzie miała 20x20 ikon, przy założeniu że ikona ma 32px, to daje nam aż 400divów + eventy jQuery.

0

http://is.gd/oqavRl powinno starczyć.

1 użytkowników online, w tym zalogowanych: 0, gości: 1