css layout pitanjce

[štrumfhoza]

da li netko zna i želi reći slijedeće:
kako mogu 6 sličica posložiti 3 ispod 3 na sredinu stranice, apsolutno simetrično, a da ne koristim table..

[nel`chee]

HTML

Code:

<div id="container"> <div class="stupac"> <img src... /> <img src... /> <img src... /> </div> <div class="stupac"> <img src... /> <img src... /> <img src... /> </div> </div>

CSS

Code:

body {text-align: center;} #container {margin: auto; width: XXXpx;} .stupac {width: 50%; float: left;}

[andrej`]

sa float-om, float:left jelte, nedamise cijeli kod pisat

[štrumfhoza]

fala lijepa nc.

[štrumfhoza]

draga nc. ili netko pri volji.
kad napravim kako gore piše slicke mi budu uz gornji rub a ja bi da bude grupica od 3 i ispod njih još 3 točno na sredini ekrana tj na sjecištu dijagonala.
gledam po tutorialima ali užasno me zbunjuju, nikako da savladam to pozicioniranje pomoću css.a.
svaka uputa za ovakvu izgubljenost dobrodošla je.

[Sulien]

imam i ja pitanje... kako bez tablica u grid layout poslagati kocke poznatih širina ali varijabilnih visina?

...tko zna častim ga sladoledom, palačinkama, vrućom čokoladom, pizzom, bilo čime!

[andrej`]

Suljo, height: auto ? Pojasni mal bolje plz. Kad staviš auto, visina se prilagođava po contentu.

[che.UP]

Sulien wrote:

imam i ja pitanje... kako bez tablica u grid layout poslagati kocke poznatih širina ali varijabilnih visina? :( ...tko zna častim ga sladoledom, palačinkama, vrućom čokoladom, pizzom, bilo čime!

neki pseudo-row div wrapper? :) moze sladoled, palacinke, cevapi, pizza i piva :P

[Sulien]

bah, row div wrapper je za djecu... onda sam mogao i tablicama to radit

ne, zaista, ne služi svrsi jer unaprijed određuje broj itema u rowu - a to ne želim, želim wrapping elemenata na varijabilnoj širini contenta

preostaje jedino skriptiranje, odnosno injection div wrappera ili tablica kad se sazna koliko je stalo u jedan red

Che, ne može piva, kad sam rekao 'bilo čime' mislio sam nešto od happy stvari ... kad piješ pivu Sveti Petar plače!

[che.UP]

Sulien wrote:

bah, row div wrapper je za djecu... onda sam mogao i tablicama to radit :P ne, zaista, ne služi svrsi jer unaprijed određuje broj itema u rowu - a to ne želim, želim wrapping elemenata na varijabilnoj širini contenta :(

to si mogo odma rec:)

Sulien wrote:

preostaje jedino skriptiranje, odnosno injection div wrappera ili tablica kad se sazna koliko je stalo u jedan red :?

a kakave kocke imas? linkove ili sta? fixiraj, recimo, a element na neku visinu... ili trazi najvisi pravokutnik pa po njemu fixiraj ostale, ajax, ne...

Sulien wrote:

Che, ne može piva, kad sam rekao 'bilo čime' mislio sam nešto od happy stvari ... kad piješ pivu Sveti Petar plače! :cry:

daj ne seri :)

[carr]

Sulien wrote:

imam i ja pitanje... kako bez tablica u grid layout poslagati kocke

kocke su 3-d objekti

Sulien wrote:

poznatih širina ali varijabilnih visina? ...tko zna častim ga sladoledom, palačinkama, vrućom čokoladom, pizzom, bilo čime!

nisam skuzio tocno sta zelis, moze neki .jpg ili tablicni ekvivalent toga sta zelis postic?

[Sulien]

Jednostavno je... Imam hrpu boxeva (ok, pravokutnika - ja kažem kocka za sve što ima pravi kut a nije trokut ) u kojima je nekakav igenerirani sadržaj koji nije uvijek iste dužine. Recimo ako imaš thumbnal i caption ispod njega, caption može imati jedan red, a može biti dva ili čak tri. Nastaju različite visine i floating ode k vragu.

Jedini način je skriptiranje; ubacivanje div-ova za retke ili tražit najviši pravokutnik (po Che-u)... na table injection u ovom slučaju ipak ne bih išao

[carr]

a to. a neznam vidis, isti problem i mene muci samo se nisam imao vremena previse jebavat s tim.

[maratz]

1. psudo-row div i tablica nije isto. div je oke, tablica nije. pisalo se o tome...

2. broj(anje) itema u containeru varijabilne širine spada pod behaviour, što automatski znači skriptiranje, a ovisno o 'tipu' varijabilnosti (varijabilnost kao podešavanje kroz admin sučelje ili varijabilnost u ovisnosti o širini prozora browsera) izvodi se na serveru, odnosno u browseru.

3. Propozicije i uvjeti za nagradni natječaj 'sretni obrok' su uvele pomutnju kod potencijalnih natjecatelja