Comments on: Basic layout – osnovni raspored i širine kolona u web dizajnu

By: weberica

weberica — Sat, 28 May 2011 19:29:20 +0000

Čini mi se da si pobrkala “body” i “container”. Body nema određenu širinu , tj širi se ovisno o rezoluciji monitora. Container ako ima određenu širinu tada je 940-980 px, ovisno o širini paddinga/margina sa strane
Ajd, drago nam je da smo mogli pomoći, prati nas i dalje

By: Ana

Ana — Sat, 28 May 2011 12:36:10 +0000

Još jednom hvala puno! Sve sam skužila! Pogotovo je korisno to što background photo može biti tako velikih dimenzija a to nisam znala. Mislila sam da mora biti 960 (980) x “nešto”. Stvarno ste odličan sajt i od velike pomoći za nas početnike

By: weberica

weberica — Thu, 26 May 2011 16:44:15 +0000

Prvo idi na stranicu https://addons.mozilla.org/en-US/firefox/search/?q=measureit&cat=1%2C0&x=29&y=21 i downloadiraj si dodatak za firefox – measureit. Pojaviti će ti se ikonica u donjem lijevom uglu prozora. Klikneš na nju, zatim u prozoru i vučeš od ruba do ruba onoga što želiš izmjeriti (mjeri visinu i širinu). Na primjer, na wonderbra stranici izmjeri širinu bijele police (ili kolona s tekstom) i vidjeti ćeš da joj je širina 940 px, znači standardna širina containera.

Pozadina top navigacije (crno) je šira od toga, no ona je u BODY BACKGROUNDU veličine 2000×700 px a NE u containeru
http://www.wonderbra.co.uk/assets/images/global/body.jpg
sami linkovi (tekst) u top navigaciji su unutar 940 px, tj containera

Ogledalo je posebna slika, pozicionirana apsolutno- background-position: 0 0;
http://www.wonderbra.co.uk/assets/images/content/collections/c-products-s-i-i.png

Dakle, navedena stranica ima standardnu širinu containera od 960px sa velikom slikom u body backgroundu.
Kada je širina containera određena tada je 960 ev. 980 px jer bi se u suprotnom na rezoluciji šir. 1024 px (još uvijek u čestoj upotrebi) pojavio vodoravni scroler a to svi želimo izbjeći.

Međutim, postoje tzv. flexible layouts gdje širina containera nije definirana pa se sadržaj uvijek proteže cijelom širinom prozora, bez obzira na kojoj rezoluciji gledamo.

By: Ana

Ana — Wed, 25 May 2011 19:29:49 +0000

Hvala na brzom odgovoru . Baš sam smotana, krivo sam postavila pitanje. Da li je moguće da rubne margine (lijeva i desna) budu veće,npr. 100 px, tj. da li je to protivno pravilima?
Naime, na stranici koju ste preporučili (out of box) jako mi se svidio design za wonderbra (example 5) gdje je cjelokupni sadržaj u sredini a lijeva i desna margina su poprilično velike…
Oprostite na gnjavaži

By: weberica

weberica — Tue, 24 May 2011 21:56:58 +0000

Ana , piše ti gore – uobičajena širina containera je 960 px sa 10px paddinga sa obje strane (ili 980 sa po 20px paddinga) Na skici je sive boje.

By: Ana

Ana — Tue, 24 May 2011 19:51:51 +0000

Ovaj članak je velika pomoć za nas početnike !

Molila bih samo za savjet, zanima me kolike trebaju biti dimenzije containera budući da bih željela stranicu čiji se sadržaj neće protezati od ruba do ruba ekrana već će container biti u centru ekrana (sa uočljivim marginama s lijeve i desne strane).
Hvala puno

By: Ines

Ines — Tue, 23 Mar 2010 16:38:50 +0000

Super objašnjeno, thanx