Div+css

[Kenny]

Kako poceti uciti div+css ? Ima li neko neke savjete i sl. znaci na sta se to svodi i sl.

ps. nisam bas expert sa engleskim jezikom, ali nisam ni laik neki skroz (zbog davanja linkova na engleskom jeziku vam pisem ovo)

nadam se da nisam naporan sa pitanjima, ipak smo tu da jedni drugima pomazemo :1043: :please:

[Ilija Studen]

Ako se o nečemu pričalo u zadnjih par godina onda je to o tableless layoutima, razdavajanju konstrukcije, sadržaja i prezentacije yada yada yada. Sve što treba je da proguglaš.

Evo ga i tekst sa linkovima ka većini potrebnih resursa: http://www.glish.com/css/

nadam se da nisam naporan sa pitanjima, ipak smo tu da jedni drugima pomazemo

Stoji. Obožavam da guglam umesto drugih ;) Prosto mi ispuni dan.

[Kenny]

Ako se o nečemu pričalo u zadnjih par godina onda je to o tableless layoutima, razdavajanju konstrukcije, sadržaja i prezentacije yada yada yada. Sve što treba je da proguglaš.

Evo ga i tekst sa linkovima ka većini potrebnih resursa: http://www.glish.com/css/



Stoji. Obožavam da guglam umesto drugih ;) Prosto mi ispuni dan.

Hmm teško je ovo, u svakom slučaju hvala, još neko?

(+rep)

[blogowski]

pa da si digao glavu 3 milimetra iznad tvog thread-a video bi jednu magičnu lepljivu... kako nisi klikni ovde (http://www.devprotalk.com/t22-css-resursi.html) :)

[zark0vac]

Stoji. Obožavam da guglam umesto drugih ;) Prosto mi ispuni dan.
Hahaha :D

Jedan savet: Pre nego sto pitate neko pocetnicko pitanje pokusajte makar da pretrazite forum, ovaj makar ako ne ostale, i google obicno zna odgovor... Zasto da neko drugi trazi umesto vas? Jel vama to ima smisla? ;)

Obratite paznju na istaknut deo u logou: devprotalk :1074:

[dee]

Obratite paznju na istaknut deo u logou: devprotalk :1074:



bas zbog ovog se svaki puta kad nesto pitam troumim dal uopce da pitam il ne. taj 'pro' u naslovu mi nabija komplekse :D

[dee]

najbolje ti je da nadjes konkretne primjere, takvih sajtova imas brdo, evo recimo ovaj:

http://blog.html.it/layoutgala/

to su jednostavni primjeri koje si kopiraj sebi u editor i onda polagano gledaj kako su radjeni, mijenjaj CSS, mijenjaj DIVove i gledaj sta se dogadja.

paralelno s tim, za sve deklaracije koje ti nisu jasne, najbolje mjesto je:

http://www.w3.org/TR/REC-CSS2/


ja sam krenuo na taj nacin. bez konkretnih primjera nikad nista nisam u zivotu znao shvatit, i onda polagano modificiras, gledas kako se sta ponasa i tako i ucis sta je sta. vremenom, prirodno, pocnes sam pisat od nule :)

[tesla]

Vredi li ovaj automatski generator (http://www.csscreator.com/version2/pagelayout.php), za početak?

[Kenny]

Hvala svima

edit: sta je "float" u css-u

[bluesman]

Float ti je efekat talasa, znaš ono kada staviš sliku pa se dole vidi kao senka koja se talasa, e nekada su za to koristili java applete, sada u CSS imaš to kao standardni deo. I još možeš da dodaš ribice koje skakuću, peraje ajkule... mnogo toga.

Nemoj da shvatiš pogrešno, ali mislim da je bolje da pročitaš bar jednom dokumentaciju pa onda pitaš nešto konkretno, ovo je kao da si pitao: šta je felna na autu. Ali, hajde da te ne ostavim bez odgovora, float ti je slično kao što si u HTML-u imao align="left" za slike, pa onda tekst "trči" oko te slike. S tom razlikom što (skoro) svakom elementu u CSS možeš da zadaš float atribut.

[Kenny]

div#content{margin: 0 21%}

zasto ovo 21% {nije mi jasno} nasao sam neki layout, i sredio sve... :S

[sirNemanjapro]

Pa gde si nasao taj layout? Posalji mail webmasteru.
Koliko ja znam taj margin bi trebalo da ide

div#content
{
margin: 0 21% 0 0;
}

Gde ti prvi broj oznacava TOP, zatim RIGHT, BOTTOM i LEFT. Prevedeno, od desne strane treba da bezi 21% od sirine sajata ili tog dela.

@bluesman
Ja kada sam pocinjao da ucim CSS malo je bilo naporno citati ona objasnjenja na engleskom jeziku. Nije bio problem jezik, vec jednostavno posle 20tak opisa, dodje do zamora.

Ovako kada ti kazes plus sa   ostaje upecatljivo.
Jesi li razmisljao da napises knjigu (bez zezanja, mrtav sam ozbiljan), ja bih narucio odmah.

[blogowski]

float ti je slično kao što si u HTML-u imao align="left" za slike, pa onda tekst "trči" oko te slike.

Bojim se da se bojim... sledećeg pitanja :)

[cvele]

Pa gde si nasao taj layout? Posalji mail webmasteru.
Koliko ja znam taj margin bi trebalo da ide

div#content
{
margin: 0 21% 0 0;
}



margin: 0 21%

prvi broj zadaje vrednost za top i bottom a drugi za left i right... :/

[sirNemanjapro]

Cekaj, Cvele? Sta sam ja pogresno napisao???

[Ilija Studen]

Cekaj, Cvele? Sta sam ja pogresno napisao???

Resetovao si levu marginu.

margin: 0 21% nije isto što margin: 0 21% 0 0;

Prvi slučaj kaže: top i bottom 0, left i right 21%. Drugi slučaj kaže: top, bottom i left 0, right 21%.

[sirNemanjapro]

Damn!

http://www.tvsquad.com/media/2006/03/homer-doh.jpg

[bluesman]

Znate gde pravite grešku? Vi bi da naučite sve za jedan dan. Zbog takvih se i pišu knjige "Learn Brain Surgery in 24 hours", ali to je totalno pogrešan pristup.

Kada čitaš nešto, recimo CSS specifikaciju, tutotijale... prvo što ćeš da uradiš je da otvoriš editor i pišeš. Pa probaš, šta se desi kada je margin: 0 21%; a šta kada je margin: 0 35%; Pa ćeš tako najbolje da vidiš razliku i biće ti najjasnije.

Ne možeš da pročitaš 10 chaptera i da sve kapiraš, moraš kao što penzioneri podvlače dok čitaju dnevne novine - tako i ti da stvarno i probaš bar 70% od onoga što čitaš. Tako se uči. No hard feelings :)

[zark0vac]

Upravo. Mada ja smatram da treba probati i vise od tih 70%, nemoze niko reci da zna nesto da radi ako to nikad nije uradio. Mozete procitati 5 knjiga na neku temu i da opet kada krenete da radite nesto zapnete na nekom bagu koji nije opisan u knjizi. Praksom se stice iskustvo, a znanje bez iskustva je nista.

Mada bluesman, nije to njihov problem, vecina njih ne procita nijednu knjigu ni manual ni pristojan broj tutorijala cak pre nego sto postave pitanje negde. Slazem se da forum sluzi izmedju ostalog da vam ostali pomognu kada naidjete na neki ledeni breg, ali ne sluzi da vas nauce kako da upalite motor. Za to postoje drugi resursi. ;) i naravno no hard fealings, pricam uopsteno.

[sirNemanjapro]

No hard feelings taken. ;)
Naprotiv, drago mi je da si odgovorio na ovu temu.

Do sada svako pitanje koje bih ili ja postavio ili neko drugi (newbie), bilo ili brisano ili bi se osoba tako iznapusavala da nema kraja. I sta drugo ljudima preostaje nego da zevaju u W3C schools i citaju, citaju i citaju.

Ali trik je u tome sto ja ne zelim da naucim sve za 24h, tu si se prevario. Naprimer ovu caku sa dve vrednosti nisam znao. :)

Meni je potpuno jasno da je ovo devPROtalk i da newbijima i nije mesto ovde, medjutim ja zelim biti jedan medju Vama, za 3 godine, za 5, imam ja vremena.
Zaista sam se bacio da naucim tableles design pa makar poludeo, w3c validaciju postujem, pokusavam da pratim sto vise tema ovde, da citam, ima opako zanimljivih stvari.

Sad, ja kazem ja jesam taze pecen, ali nisam kao Kenny, i sad kako razgraniciti nekoga ko je zelen i nekoga ko je porumeneo, tako da se izrazim.
Nadam se da nisam otisao previse u offtopic, ako jesam slobodno biriste.

ps
mozda sam malo hatoicno pisao, izvinjavam se
frka oko slave... you know how it is

[bluesman]

Idi krkaj prebranac pa se vrati, taman dok ti ja kažem nešto :)

Pogrešno si shvatio. Nije istina da ovde nema mesta početnicima. Ono što jeste istina je da bilo ko, početnik ili profesionalac, ne treba da postavlja pitanja tipa "Učim CSS, kažite mi šta je float". Pravo pitanje je "Učim CSS i zapeo sam oko float, ne mogu da shvatim kako to funkcioniše, probao sam (sa naglaskom na "probao") i ne mogu da namestim da mi bude xxxx.... na zzzz".

Zamisli da si recimo kao Ilija Studen i zezneš se nekad da gledaš fudbal sa normalnim ljudima :) (sorry, Ilija, moram). I pitaš: E a što ovi trče levo a ovi desno? Ili a zašto ovaj 1 ima drugačiji dres? Dobio bi Weifert u glavu :)

[sirNemanjapro]

@bluesman
subject: veplika na vepliku :1042:

Idi krkaj prebranac pa se vrati, taman dok ti ja kažem nešto :)

Ja spremam za slavu. Inace pasulj je tuceni, a ne prebranac. ;)

[bluesman]

Ne, kewe mi... kada bi postavio pravo pitanje ja bih, a siguran sam i gomila drugih, vrlo rado odgovorio. Ovako, samo idem po forumu i serem kao čilager neki.

[mungos]

Ali trik je u tome sto ja ne zelim da naucim sve za 24h, tu si se prevario. Naprimer ovu caku sa dve vrednosti nisam znao. :)


Onda nisi pogledao dovoljno fajlova sa CSS ekstenzijom u životu.

CSS je najlakše krenuti učiti iz tuđeg koda. Nađeš dizajnera čiji ti se stil pisanja CSS-a najviše sviđa i kreneš da učiš iz njegovih fajlova, kad to savladaš onda dolaze na red A List Apart tutorijali. Posle tog eksperimentišeš sa drugim tutorialima i lagano krećeš da praviš svoje fazone. U međuvremenu steći ćeš rutinu u pisanju i steći osjećaj kako rješiti sve kroz CSS :)

[dee]

Znate gde pravite grešku? Vi bi da naučite sve za jedan dan. Zbog takvih se i pišu knjige "Learn Brain Surgery in 24 hours", ali to je totalno pogrešan pristup.

Kada čitaš nešto, recimo CSS specifikaciju, tutotijale... prvo što ćeš da uradiš je da otvoriš editor i pišeš. Pa probaš, šta se desi kada je margin: 0 21%; a šta kada je margin: 0 35%; Pa ćeš tako najbolje da vidiš razliku i biće ti najjasnije.

Ne možeš da pročitaš 10 chaptera i da sve kapiraš, moraš kao što penzioneri podvlače dok čitaju dnevne novine - tako i ti da stvarno i probaš bar 70% od onoga što čitaš. Tako se uči. No hard feelings :)

svidjelo se nekom ili ne, ali uvijek se svede na ovo :)

mrvu offtopica, ali kako smo krenuli, i nije bas...

pije godinu dana zaposlim se ja (part time) u jednoj firmi koja forsira tableless kao default. kako mi je bazicni poso u drzavnoj firmi (isto oko weba, ali smijurija od weba), a znamo svi kakve su drzavne jasle, tromo i sporo, nisam se susreto sa konkretno CSSom toliko koliko treba za jedan dobar tableless. I, upadnem ja u novu firmu, uzmem novi projekt, kazu ljudi 'mi sve tableless, jel to ok s tobom?', ja ko CSS guru -> 'kako ne bi bilo, pa to se podrazumijeva!' i onda krece -> pisem PHP pozadinu, a u medjuvremenu, isprintam si CSS Reference sa w3c.org i citam prvo da uopce ulovim opci koncept, citam u tramvaju, busu, na wc-u, cak i u vlaku dok sam putovo curi (sadasnjoj zeni) u Beograd. i normalno, cim sam ulovio 'o cemu se tu radi', sati i sati blejanja u monitor i probavanja. ama bas nista nisam naucio bez da konkretno probam, pozelim stoput razbit monitor kad ne kontam ili ne divim se svojoj pameti kad uspijem naterat container da se siri kako treba :D i ko debil probavo i iste stvari milion puta ne bi li mi jednom za svagda usle ne u glavu, nego u ruku. zato bi reko da treba probat i 170% a ne samo 70% :D

alzo, primjeri, primjeri, primjeri... i onda ovo sta kaze mungos -> lagano se napreduje i dolazi do nekog svog, ajde recimo to tako, stila...

sve van toga je nista...

[Ilija Studen]

Sad vi tu kao izvlačite neke procese i nauke, vamo tamo, a ja vam kažem: potrebno je samo 7 dana. Ni engleski ne treba da znate.

[ivanhoe]

preterujes Ilija...

sintaxa CSS se nauci i za manje od nedelju dana, treba ti 2-3 dana da pohvatas o cemu se radi, i onda mozes da koristis help za konkretna imena propertija i selektora.. Ali da bi shvatio kako da napravis nesto sa CSS-om tako da radi u svim browserima kako si zamislio, bez 90 pisanja-brisanja, plus da znas kako da prepoznas browser bugove i da ih izbegnes/resis... e za to ti treba bar par meseci intezivnog sljakanja/citanja/istrazivanja...

masu stvari ne mozes da naucis citajuci, nego moraju da ti se dese u projektu, pa da provedes celu noc pokusavajuci da ih resis...naprosto tako se uci, kroz praxu, kao uostalom i za svaki drugi posao...

umem ja da omalterisem stan ili postavim plocice u kupatilu, ali profesionalac ce to da uradi daleko lepse, za deleko manje vremena i bez brljotina... jer on ima iskustvo..

[bluesman]

Ilija, kad ćeš da nađeš tih 7 dana vremena da konačno naučiš CSS? :D

[zark0vac]

Hehehe... Mozes bilo sta od programskog, skriptnog, engleskog, svahili jezika, nauciti za manje od mesec dana. Ali ti ces kad odes u Afriku znati da pitas za pravac, prenociste, i gde da kupis mleko, ali se neces moci porediti sa Afrikancem koji prica isti taj Svahili svaki dan :)

Mislim da je to sustina price...

[Ilija Studen]

Ljudi, parodirao sam reklamnu kampanju uvek nam drage škole računara NL Pro Group (bez znanja engleskog, za 7 dana, mape uma, Džumandži; sećate se? reklame još idu i Žarko mlati pare punom parom).

Izgleda da ovde čovek bude bukvalno shvaćen čim izostavi smajli. Da ne dođe do zabune, pošto mi je mrsko da kuckam smajli, i ovo za Džumandži u njihovom nastavnom programu je šala

[bluesman]

Ja nisam bukvalno shvatio, mada sam se za trenutak dvoumio :)

BTW, ne gledaju svi te reklame, jedan smajli bi pomogao.

[Ilija Studen]

Ja nisam bukvalno shvatio, mada sam se za trenutak dvoumio :)BTW, ne gledaju svi te reklame, jedan smajli bi pomogao.

Sad kao ;)

Zezam se. Uglavnom, znate moj stav: kad je ozbiljan webdev u pitanju za sve treba kilometraža i ništa ne može preko noći (čak ni za 7 dana). Koliko god da radiš uvek nailaziš na one "Aha!!!" momente kada skontaš novi trik, neke stvari ti postanu jasnije, pročitaš dobar save, naučiš novu tehniku. Potrebni su meseci da bi postao komforan sa određenom tehnologijom (inače, to je najvažniji razlog zašto se i dalje držim PHP-a kao pijan plota).

[Kenny]

Rapisali ste se! :D hehe, hvala svima ;)

[chesare]

"Oh, my God! They killed Kenny!" :1074:

[Ilija Studen]

You bastards!

[conica]

..i posle Tita..knjiga CSS hacks :)

[Eniac]

http://msdn2.microsoft.com/en-us/library/ms531205.aspx

[misk0]

http://msdn2.microsoft.com/en-us/library/ms531205.aspx

Hoces screenshot da vidis kako to izgleda FF 1.5?

[Eniac]

hehe ma joook, samo sam dodao link :P