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.