Evo jedna pure HTML/CSS stranica, napravio sam to za vježbu da se podsjetim kako to ide (nisam cca godinu dana radio nikakve stranice) 
Što mislite? Malo me naslov zeza, mogao bih ga smanjiti.
Ako može bilo bi bolje bijela slova :)
.
Imam pitanje u vezi uvlacenja. Je li bolje uvlaciti tagove kao sto sam naucio u c++ i sl:
<html>
<head>
<title>Test</title>
</head>
<body>
</body>
</html>
Ili da ne stavljam nikakva uvlacenja kao sto inace vidim u tutorialima.
Da, ovo sam zaboravio napomenuti. Nažalost na bug-u mi ne rade uvlačenja, ali svakakoo ih treba raditi radi preglednosti koda. To je must! Dobro si ih uvukao.
Ubacit ću to u uvod.
Sorry, a kako se rade uvlaćenja, dali ima u Notepadu ++ negdje u postavkama da se automatski stavi ili ručno, nisam puno koristio takve stvari u pisanju jer neznam.
U Notepad++ je to odlično izvedeno.
Uvlačenja radiš sa Tab-om
Moze li se neka slozenija stranica, poput ove u slici, iskodirati samo sa html/css ili je potrebno znanje jos necega?
Moze li se neka slozenija stranica, poput ove u slici, iskodirati samo sa html/css ili je potrebno znanje jos necega?
Ne, potrebno je znanje iz JavaScripta, pa i nekog server-side jezika, poput ASP.NET-a ili PHP-a, vjerovatno i neka baza podataka.
Ili je korišten neki gotovi CMS, daj link iz slike ne mogu ništa naslutiti.
Pozdravljam ideju!, svaka čast OrginalEXE, da mi je ovo bilo prije cca 1 godinu, kada sam učio dobro bi mi došlo.
Mislim da na Bugu ima dosta kvalitetnih tutorijala, ali su ne raspoznati, valjalo bi kada bi kolega royal napravio tutorial za ASP.NET ili Javu Script i jQuery, pa povezati ovaj tutorijal i neki od ova dva navedena.
prčkam po paddingu,pa nikako da shvatim jednu stvar. Ako ne definiram padding onda je on automatski 0,jel tako? Ako je to tako,zašto nikako nemogu dobit da mi je padding-bottom 0?
prčkam po paddingu,pa nikako da shvatim jednu stvar. Ako ne definiram padding onda je on automatski 0,jel tako? Ako je to tako,zašto nikako nemogu dobit da mi je padding-bottom 0?
To ovisi o pregeldniku. Zato se uvijek na početak .css datoteke stavlja css reset (probaj googlati) kako bi se sve vrijednosti postavile na nulu odnosno na neke 'normalne' vrijednosti.
Možeš slobodno ovdje staviti problem, šta pokušavaš i šta ne uspijevaš.
Moze li se neka slozenija stranica, poput ove u slici, iskodirati samo sa html/css ili je potrebno znanje jos necega?
Odgovor je da, uz još Javascript.
Dakle ono što ti vidiš u svom pregledniku je čisti html + css + efekti javascripta (dropdown izbornik itd.)
Tvoj preglednik nikada ne vidi php kod tako da ti on ni ne treba za napraviti takav predložak. ruga je stvar funkcionalnost odnosno izmjena sadržaja, zato se koristi neki server-side jezik, jer bi bilo komplicirano raditi sve ručno.
Ko ti je rakao da ako padding nije definisan, da je 0px?
Evo ti primjer, ne obaziri se što su ti ne poznate kontrole.
Definisan padding od po 0px.
Izgled:
Ne definisan padding:
Izgled:
prčkam po paddingu,pa nikako da shvatim jednu stvar. Ako ne definiram padding onda je on automatski 0,jel tako? Ako je to tako,zašto nikako nemogu dobit da mi je padding-bottom 0?
To ovisi o pregeldniku. Zato se uvijek na početak .css datoteke stavlja css reset (probaj googlati) kako bi se sve vrijednosti postavile na nulu odnosno na neke 'normalne' vrijednosti.
Možeš slobodno ovdje staviti problem, šta pokušavaš i šta ne uspijevaš.
Riješio sam to sad sa Meyerovim reset.css om. Thnx
Ko ti je rakao da ako padding nije definisan, da je 0px?
Evo ti primjer, ne obaziri se što su ti ne poznate kontrole.
To sam zaključio iz w3 znaći,nije definirao paragraf i padding je 0, definiranjem posebno padding paragrafa dobija što želi.
edit: sve 5
Moze li se neka slozenija stranica, poput ove u slici, iskodirati samo sa html/css ili je potrebno znanje jos necega?
Ne, potrebno je znanje iz JavaScripta, pa i nekog server-side jezika, poput ASP.NET-a ili PHP-a, vjerovatno i neka baza podataka.
Ili je korišten neki gotovi CMS, daj link iz slike ne mogu ništa naslutiti.
Moze li se neka slozenija stranica, poput ove u slici, iskodirati samo sa html/css ili je potrebno znanje jos necega?
Odgovor je da, uz još Javascript.
Dakle ono što ti vidiš u svom pregledniku je čisti html + css + efekti javascripta (dropdown izbornik itd.)
Tvoj preglednik nikada ne vidi php kod tako da ti on ni ne treba za napraviti takav predložak. ruga je stvar funkcionalnost odnosno izmjena sadržaja, zato se koristi neki server-side jezik, jer bi bilo komplicirano raditi sve ručno.
Mislio sam samo na izgled stranice, tj ovu pocetnu stranu. Jasno mi je da za pravu funkcionalnost treba znati jos svasta.
ajde nek netko baci oko na moju stranicu,pa mi kaže,kako da podesim da mi je iznad <h1> isto 1% padding...
ak pretjerujem il sam vam dosadan recite :D
Ne dosađuješ, moraš pitati, ako želiš znati više.
Padding od čega, nekako imam osjećaj da nemaš sliku u glavi CSS Box Modela, da bi definisao padding za neki element moraš imati border tog element-a.
A što te muči, pa valjda padding-bottom:1px;
To stavi u h1 klasu. Ili te nešto drugo muči?
Btw, kakav ti je ono Doctype, ako ga već ideš pisati onda ga piši cijeli:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Ne dosađuješ, moraš pitati, ako želiš znati više.
Padding od čega, nekako imam osjećaj da nemaš sliku u glavi CSS Box Modela, da bi definisao padding za neki element moraš imati border tog element-a.
A što te muči, pa valjda padding-bottom:1px;
To stavi u h1 klasu. Ili te nešto drugo muči?
Btw, kakav ti je ono Doctype, ako ga već ideš pisati onda ga piši cijeli:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
žuto je padding od 1%, takav razmak bi htio i na crnoj strelici. uz to htio bi crveno da je 0, tj spojeno sa menijem.
hvala na pomoći. više neću postavljat pitanja koja nisu vezana za gradivo koje nismo još učili jel sam shvatio da to nema smisla. ovaj odgovor još prihvačam.
Nastavak sljedi sutra, kad prođe završni iz matke ;)
Evo da se i ja pridružim temi. Može se reći da sam početnik ali neke osnove znam.....proučio sve što ste radili do sada pa vas ubuduće pratim....
MOAAAAAAAR
Moja prva slika
Vrijeme je da u našu stranicu ubacimo prvu sliku. To će, naravno, biti Links-ov logotip. Sliku možete preuzeti ovdje, te ju zatim spremite u svoj bugtecaj folder.
U Notepad++ otvorite index.html i ita <body> tag-a dodajte sljedeći kod:
<img src="logo.gif"/>
Spremite stranicu i otvorite index.html u pregledniku. Primjetiti ćete da se pojavio links-ov logotip.
Ponovite postupak za kontakt.html!
No nešto nam je čudno. Slika se pojavila iako nismo zatvorili <img> tag, odnosno nigdje nismo postavili </img>. Je li to ispravno?
Odgovor je: Da, ispravno je. Neki tagovi ne zahtjevaju 'closing tag' odnosno tag zatvaranja.
Također primječujemo atribut src="logo.gif"
Slično kao i href u <a> tag-u, src u <img> tag-u predstavlja putanju slike koju želimo ubaciti u našu stranicu. Oopet, kao i kod linkova, i slike se mogu pozivati apsolutnom i relativnom putanjom (već smo naučili razliku).
Na primjer, ukoliko smo logotip željeli pozvati dirktno sa links-ove sranice, bez da smo ga skidali na naš 'server', upotrijebili bismo apsolutnu putanju:
<img src="http://www.links.hr/images/header/logo.gif"/>
Ok, imamo logotip. Ono što sada želimo jest da taj logotip vodi ka početnoj stranici. Vjerojatno ste već primjetili da na gotovo svim stranicama klikom na logotip idemo na početnu stranicu. To ćemo napaviti i mi na svojoj stranici.
Kako?
Rekli smo da unutar <a> tag-ova ide sadržaj za koji želimo da vodi ka putanji koju smo definirali u <a> tag-u. To znači da je naš zadatak jednostavan:
<a href="index.html"><img src="logo.gif"/></a>
Ako ste sve dobro napravili, sada se sa kontakt stranice na početnu možemo vratiti klikom na logotip.
Znači li to da bilo koji tag možemo staviti unutar <a> tag-a? Ne, postoje neka ograničenja, mi ćemo koristiti samo slike i tekst.
Nastavak sutra, uči se :)
Pozdrav
Evo i ja da se pridružim, totalni početnik.
Zahvaljujem autoru, vrlo korisno i ljubazno od njega.
Nadam se skorom nastavku.
Prema W3C-u svaki tag mora biti zatvoren (s /), pa cak i onaj koji nema "zatvarajuci tag". Primjeri:
KRIVO:
<p>Tekst....
<br>Nova linija
<img src="bla.jpg">
<img src="bla.jpg"></img>
TOCNO:
<p>Tekst....</p>
<br />Nova linija
<img src="bla.jpg" />
imam jedno pitanje: kako riješiti ovaj problem s vitičastim zagradama? na jednoj tipci imam 4 znaka i nikako ne mogu odabrati tu jĐĐĐĐ zagradu
jĐĐĐ? Misliš na ovu }?
jĐĐĐ? Misliš na ovu }?
da baš tu
Na hrvatskoj tipkovnici je ctrl+alt+B ili ctrl+alt+N. Za englesku je, ako se dobro sjecam, shift+[ ili shift+].
Ili Alt Gr i B odnosno N
Prema W3C-u svaki tag mora biti zatvoren (s /), pa cak i onaj koji nema "zatvarajuci tag". Primjeri:
KRIVO:
<p>Tekst....
<br>Nova linija
<img src="bla.jpg">
<img src="bla.jpg"></img>
TOCNO:
<p>Tekst....</p>
<br />Nova linija
<img src="bla.jpg" />
U pravu si, spomenuti ću to opet u svojim tekstovima.
Isprike na neaktivnosti, očekujte ubrzo malo duži post.
Hvala na strpljenju.
Evo ako omež pomoć več se oko sat vremena mućim s tablicima i neznam kako dobit 2. 3. 4. stablicu a i prva mi baš nije kako na slici.
Pa ako netko može napisati kod i objašnjenje uz redak što čemu služi.
Hvala!
Evo ako omež pomoć več se oko sat vremena mućim s tablicima i neznam kako dobit 2. 3. 4. stablicu a i prva mi baš nije kako na slici.
Pa ako netko može napisati kod i objašnjenje uz redak što čemu služi.
Hvala!
hoće li tko pomoći? 
Daj tvoj markup, da vidimo gdje zapinješ?
