|
(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi |
|
Alati teme | Način prikaza |
28. 09. 2012. | #1 |
profesionalac
Qualified
Datum učlanjenja: 02.05.2009
Poruke: 193
Hvala: 27
8 "Hvala" u 6 poruka
|
Raspored div-ova, razliticith visina, jednog pored drugog
Divovi su razlicite visine, a iste sirine, slika u prilogu.
Glavni kont je 600px, a divovi po 200px sirine i rasporedjuju se preko float:left Po 3 treba da idu u red. Prvi problem je izmedju prvog i drugog reda, nakon zavrsetka prvog reda, novi red pocinje zutim divom, ali se taj div ne podize gore, ispod plavog u prvom redu, vec pravi prostor izmedju plavog i zutog. Ajd to sam nekako resio putem jquery da ih podize na gore kod ovakvog slucaja gde u prvom redu rastu divovi, al verujem da moze i bez toga, samo ja nemam ideju. Medjutim, javlja se drugi problem, izmedju drugog i treceg reda. Plavi div iz treceg reda bi trebao da ide tamo gde mu je mesto, u trecem redu, medjutim, on udara u drugi div drugog reda. Evo prostog html koda: HTML kôd:
<div style="width:600px;"> <div style='float:left;width:200px;height:60px;background:blue;'> </div> <div style='float:left;width:200px;height:70px;background:red;'> </div> <div style='float:left;width:200px;height:100px;background:green;'> </div> <div style='float:left;width:200px;height:100px;background:yellow;'> </div> <div style='float:left;width:200px;height:80px;background:silver;'> </div> <div style='float:left;width:200px;height:60px;background:black;'> </div> <div style='float:left;width:200px;height:60px;background:blue;'> </div> <div style='float:left;width:200px;height:70px;background:red;'> </div> <div style='float:left;width:200px;height:100px;background:green;'> </div> </div> |
|
|