[ ancipalci @ 20.08.2011. 10:41 ] @
pozdrav,
totalni sam pocetnik sa css-om, i nadam se da ne postavljam previse glupo pitanje.
ne znam kako da pozicioniram slike u krug unutar nekog div taga
znachi: slike u div-u bi trebale da budu poslagane po nekoj zamisljenoj kruznici, u pitanju je 6 slika
mozda da pobam sa position absolute, mada mi izgleda prilicno glupo resenje
hvala u napred
[ tahuti @ 20.08.2011. 19:28 ] @
Jesam li dobro razumeo, ti zelis slike kao:

--X--
X---X
X---X
--X--

Pa pridji dizajnu kao mrezi kvadratica

mozda ce ti trebati vise divova, npr prazan div sa clear:both

za vrh i dno margin: 0 auto; a za ostale float:left; float: right;

Samo sa 6 slika nece bit bas perfektna kruznica
[ valjan @ 21.08.2011. 21:18 ] @
Ovo je više programerski nego dizajnerski zadatak, jer je ovo elementarna geometrija iz osnovne škole - krug ima beskonačno mnogo tačaka, a ti imaš konačno mnogo slika, tačnije šest. Treba da aproksimiraš krug, tj. zameniš ga nekim oblikom sa šest temena oko kojeg možeš da opišeš kružnicu, a to je u tvom slučaju jednakostranični šestougaonik. Centar kružnice je na preseku dijagonala, a sama kružnica prolazi kroz svih šest temena, i svako teme je udaljeno od onog drugog za poluprečnik opisanog kruga, tako da kad iscrtaš sve dijagonale imaćeš šest jednakostraničnh trouglova u unutrašnjosti, što ti može olakšati izračunavanje.

Na temena šestougla onda postavljaš svoje slike prema tvojoj dizajnerskoj zamisli - da li ćeš na neko teme šestougla postaviti presek dijagonala slike (tj. centriraćeš sliku tačno na teme), da li ćeš postaviti neko teme ("ćošak") slike, da li ćeš odabrati neku drugu tačku na slici za "kačenje", to je na tebi da odlučiš.

Kako se konstruiše jednakostranični šestougaonik uči se još u osnovnoj školi, na tebi je da odabereš najjednostavniji način kako doći do koordinata temena (da li ćeš crtati na milimetarskoj hartiji pa brojati milimetre da bi dobio pixele, da li ćeš upotrebiti malo elementarne matematike da bi došao do njih, to je na tebi da odabereš prema tvom znanju i sposobnosti). Ono što je bitno je da upakuješ svaku od slika u yaseban div tag, i svakom divu odrediš precizne dimenzije preko CSS-a, i zatim kreiraš i divove kojima ćeš popuniti praznine. Kada imaš spremne sve div-ove i njihove dimenzije u zbiru daju tačno dimenzije velikog spoljnog div-a, odradio si većinu posla.

Onaj tvoj početni div bi trebao biti kvadrat čije su stranice tangente na taj tvoj krug, odnosno gornja i donja stranica bi na svojoj sredini trebale da sadrže po jedno teme tog šestougla i ujedno dodiruju tu kružnicu. Imaćeš najmanje četiri reda i tri kolone div-ova umetnutih u jedan taj veliki div, nešto poput onog što je skicirao tahuti, tako što će oni obeleženi crticom biti prazni, a oni sa X-om puni. Naravo, sve zavisi od imenzija tvojih slika, i tvoje zamisli kako želiš da ih zakačiš na taj krug (pogledaj moj drugi pasus).

Na kraju bi float:left ili float:right trebalo da bude sasvim dovoljan, ali ako baš insistiraš možeš svakom divu dodeliti apsolutne koordinate, ali što da se mučiš kad float može to odradi automatski za tebe, a ako imaš znanja & volje, izradu možeš još da ubrzaš pomoću javascripta, jer kao što rekoh u pitanju je čista matematika, treba ti samo po koji kosinus i kvadratni koren :-)...