View previous topic :: View next topic |
Author |
Message |
štrumfhoza
Joined: 24 Feb 2005 Posts: 89
|
Posted: 04.10.2005 14:56 Post subject: css layout pitanjce |
|
|
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.. |
|
|
Back to top |
|
|
nel`chee
Joined: 08 Jul 2004 Posts: 2087 Location: Rijeka
|
Posted: 04.10.2005 15:06 Post subject: |
|
|
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;} |
|
_________________ ♥ art & design portfolio ♥ free Photoshop brushes stuff ♥ sketchblog ♥ facebook ♥ |
|
Back to top |
|
|
andrej` Guest
|
Posted: 04.10.2005 15:07 Post subject: |
|
|
sa float-om, float:left jelte, nedamise cijeli kod pisat |
|
|
Back to top |
|
|
štrumfhoza
Joined: 24 Feb 2005 Posts: 89
|
Posted: 04.10.2005 16:16 Post subject: |
|
|
fala lijepa nc. |
|
|
Back to top |
|
|
štrumfhoza
Joined: 24 Feb 2005 Posts: 89
|
Posted: 04.10.2005 20:40 Post subject: nisam uspjela |
|
|
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. |
|
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 04.10.2005 21:18 Post subject: |
|
|
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! |
|
|
Back to top |
|
|
andrej` Guest
|
Posted: 04.10.2005 22:06 Post subject: |
|
|
Suljo, height: auto ? Pojasni mal bolje plz. Kad staviš auto, visina se prilagođava po contentu. |
|
|
Back to top |
|
|
che.UP mi3.crew
Joined: 07 Sep 2003 Posts: 2320 Location: zagreb
|
Posted: 04.10.2005 22:14 Post subject: |
|
|
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 |
_________________ UP | TypeTester | Accommodations App
Meni u Firefox-u ne radi AJAX |
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 04.10.2005 22:37 Post subject: |
|
|
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! |
|
|
Back to top |
|
|
che.UP mi3.crew
Joined: 07 Sep 2003 Posts: 2320 Location: zagreb
|
Posted: 04.10.2005 23:12 Post subject: |
|
|
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 :) |
_________________ UP | TypeTester | Accommodations App
Meni u Firefox-u ne radi AJAX |
|
Back to top |
|
|
carr
Joined: 13 Nov 2003 Posts: 1397 Location: Karlovac
|
Posted: 05.10.2005 00:24 Post subject: |
|
|
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? |
_________________ Bolje biti malo lud, nego malo pametan. |
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 05.10.2005 01:15 Post subject: |
|
|
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 |
|
|
Back to top |
|
|
carr
Joined: 13 Nov 2003 Posts: 1397 Location: Karlovac
|
Posted: 05.10.2005 01:38 Post subject: |
|
|
a to. a neznam vidis, isti problem i mene muci samo se nisam imao vremena previse jebavat s tim. |
_________________ Bolje biti malo lud, nego malo pametan. |
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
Posted: 05.10.2005 11:14 Post subject: |
|
|
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 |
_________________ STOP HITTING YOURSELF! | NETIQUETTE | TYPETESTER | Hypertext rulez™ | CREATIVE NIGHTS | ACCOMMODATIONS |
|
Back to top |
|
|
|