GJ! Za sada, rekreativno čitanje. Veselim se budućim tekstovima. ;)
Bug Tečaj u HTML/CSS-u
- poruka: 171
- |
- čitano: 51.167
- |
- moderatori:
Lazarus Long, XXX-Man, vincimus
bug.hr/kontakt.html
Nije nego kontakt.aspx , korištene su web forme, a velika je razlika između HTML-a kao plain teksta i web forme koja živi na serveru.
No nema veze, Domagoj će ti oprostiti, što se on mučio, a ti mu to poredio sa plain tekstom.
bug.hr/kontakt.html
Nije nego kontakt.aspx , korištene su web forme, a velika je razlika između HTML-a kao plain teksta i web forme koja živi na serveru.
No nema veze, Domagoj će ti oprostiti, što se on mučio, a ti mu to poredio sa plain tekstom.
Nemoj bunit ljude :) A uostalom, tko ti je rekao da je Domagoj zadržao ovaj forum i portal na toj adresi? Valjda su moje datoteke važnije :)
Napravio sam,ali u firefoxu prikazuje sve ok,IE9 ne ... ,može netko pogledat?
Uz ove upute treba paralelno čitati i w3schools ( barem ja ) jer sam tamo našao objašnjenje za padding:
padding:25px 50px 75px 100px;
top padding is 25px
right padding is 50px
bottom padding is 75px
left padding is 100px
@OrginalEXE
Prešli smo se i ja i ti.
http://www.bug.hr/poruke/
To je web-forma koja koristi algoritam za skraćivanje url-a.
Napravio sam,ali u firefoxu prikazuje sve ok,IE9 ne ... ,može netko pogledat?
Uz ove upute treba paralelno čitati i w3schools ( barem ja ) jer sam tamo našao objašnjenje za padding:
padding:25px 50px 75px 100px;
top padding is 25px
right padding is 50px
bottom padding is 75px
left padding is 100px
Ne treba čitati w3schools, kud žuriš? Sve će biti objašnjeno!
Što se IE tiće, upoznaj se sa čarima Internet Explorera i spoznaj moj razlog mržnje prema njemu :) Što ti točno ne radi u njemu? Meni samo border ne funkcionira.
Napravio sam,ali u firefoxu prikazuje sve ok,IE9 ne ... ,može netko pogledat?
Uz ove upute treba paralelno čitati i w3schools ( barem ja ) jer sam tamo našao objašnjenje za padding:
padding:25px 50px 75px 100px;
top padding is 25px
right padding is 50px
bottom padding is 75px
left padding is 100px
Ne treba čitati w3schools, kud žuriš? Sve će biti objašnjeno!
Što se IE tiće, upoznaj se sa čarima Internet Explorera i spoznaj moj razlog mržnje prema njemu :) Što ti točno ne radi u njemu? Meni samo border ne funkcionira.
border... btw u potpisu ti je link od mog tecaja ;)
Padding je razmak između bordera i teksta u HTML elementu.
Alati poput VWD su jako korisni po tom pitanju.
ja koristim firebug... al ću i ovaj isprobat
Border možeš popraviti tako da dodaš ovo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
na početak dokumenta, dakle izvan <html> tag-a. Nismo još došli do tog dijela, tako da gradivo do tada pratiet u normalnim preglednicima ;)
Ne treba čitati w3schools, kud žuriš? Sve će biti objašnjeno!
Kako ne treba?, nije HTML jezik koji se služi velikom logikom.
Lično HTML sam sa 13 godina pohvatao za 2 dana, bez Interneta, neka stara skripta, nije validna niti po jednom Božijem standardu, da sam tada imao pristup W3S-u...
Moje mišljenje je da na W3S-u bi trebali proširivati znanje stečeno ovdje.
Nemoj se ljutiti, ali, recimo tutorijali za C, e tu ne treba žuriti, tu je bitno dobro shvatiti logiku, dok to ovdje nije slučaj, ali sa druge strane tebi se divim kako ti se da pisati ovo sve, neće dva dana uvježbavati centriranje teksta.
Border možeš popraviti tako da dodaš ovo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
na početak dokumenta, dakle izvan <html> tag-a. Nismo još došli do tog dijela, tako da gradivo do tada pratiet u normalnim preglednicima ;)
Nisam očekivao da će ljudi koristiti IE9, to treba zabraniti :)
Uglavnom, svaki dio koda koji budemo tu koristili će biti objašnjen. Ne kažem ja da w3schools ne valja, ali on ne služi učenju. Ispalo je kao da se bez w3 ne može zato jer ja nisam nešto objasnio, a lijepo je navedeno da će sve biti objašnjeno kasnije ;)
Border je okvir koji mozemo definirati elementima pomocu css-a. On se nalazi "ispod" margine, a "iznad" paddinga, graficki o tom rasporedu:
Iliti tzv. CSS Box Model.
Border možeš popraviti tako da dodaš ovo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
na početak dokumenta, dakle izvan <html> tag-a. Nismo još došli do tog dijela, tako da gradivo do tada pratiet u normalnim preglednicima ;)
Border je okvir koji mozemo definirati elementima pomocu css-a. On se nalazi "ispod" margine, a "iznad" paddinga, graficki o tom rasporedu:
IE9 ima problema sa borderom ako nema DOCTYPE tag na početku. Sad ga još nismo učili (time niti stavili) pa zato ne radi sa IE9.
Ne treba čitati w3schools, kud žuriš? Sve će biti objašnjeno!
Kako ne treba?, nije HTML jezik koji se služi velikom logikom.
Lično HTML sam sa 13 godina pohvatao za 2 dana, bez Interneta, neka stara skripta, nije validna niti po jednom Božijem standardu, da sam tada imao pristup W3S-u...
Moje mišljenje je da na W3S-u bi trebali proširivati znanje stečeno ovdje.
Nemoj se ljutiti, ali, recimo tutorijali za C, e tu ne treba žuriti, tu je bitno dobro shvatiti logiku, dok to ovdje nije slučaj, ali sa druge strane tebi se divim kako ti se da pisati ovo sve, neće dva dana uvježbavati centriranje teksta.
Ako ces na svaki post imati neku zamerku, pls produzi iz teme. Shvatamo da si napredniji sto se tice ovoga, pa pusti nas pocetnike da ucimo. Decko koji ovo pise ima ogromnu volju, i siguran sam da do sad ni u cemu nije pogresio. I ja sam se zapitao za sta sluzi padding, pa sam skontao da ce to verovatno kasnije biti objasnjeno.
Naravno NHF, samo sam se morao malo osvrnuti na tvoje komentare.
Doctype je također samo za pregledniko, on pu pomaže da pravilo renderira sadržaj kako treba.
http://www.w3schools.com/html/html_xhtml_dtd.asp
Inače DTD definiše ta ista pravila.
On je dio XHTML-a.
@prat01
It's deal!
Nemoj misliti da se dičim ili slično, cjenim trud @OrginalEXE-a, i rekao sam mu da ću mu biti na raspolaganju što se tiče sadržaja. Tu ništa nije sporno. Odo ja, ako nešto trebate javite se.
Temu ću svakako pratiti.
Nije baš usko vezano uz temu, ali imam jedan problem.
Radim header image za stranicu, ali iako ubacim <img src="header.png" width="700" height="350" align="middle"> slika ostane na istome mjestu kao i bez "align" atributa. Što da radim?
EDIT: Riješio sam sa <div align=center> </div> tagovima
Nije baš usko vezano uz temu, ali imam jedan problem.
Radim header image za stranicu, ali iako ubacim <img src="header.png" width="700" height="350" align="middle"> slika ostane na istome mjestu kao i bez "align" atributa. Što da radim?
EDIT: Riješio sam sa <div align=center> </div> tagovima
Ne može to tako :)
Kod: <img src="header.png" width="700" height="350" style="margin-left:auto;margin-right:auto;">
Trebalo bi raditi.
EDIT: Ili tako :)
Ne treba čitati w3schools, kud žuriš? Sve će biti objašnjeno!
Što se IE tiće, upoznaj se sa čarima Internet Explorera i spoznaj moj razlog mržnje prema njemu :) Što ti točno ne radi u njemu? Meni samo border ne funkcionira.
vezano za tečaj, meni bi bilo bolje da ti objašnjavaš šta koji kod radi,kako se treba šta slagat itd, a na kraju staviš zadatak koji će to sve skupa pokrit tipa:
napravi da je tekst žute boje, da su margine sa svih strana po 10px, da je padding taj i taj,pozadina ta i ta boja, itd..., te na kraju stavit rješenje vizualno.
ovo mi je ok,ali se nemora puno mislit kad sve serviraš :D
kaj misliš o tome?
Nije baš usko vezano uz temu, ali imam jedan problem.
Radim header image za stranicu, ali iako ubacim <img src="header.png" width="700" height="350" align="middle"> slika ostane na istome mjestu kao i bez "align" atributa. Što da radim?
EDIT: Riješio sam sa <div align=center> </div> tagovima
Kod img taga align ti govori polozaj slike u odnosu na tekst. Tako ako stavis align=left, prikazivati ce ti tekst desno od slike. Koristi css...
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.
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.
tomo007 to se onda svodi na reference, a za to može poslužiti i w3schools
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.
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.
Odgovorio sam ti u Community temi.
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.
Luka, jes' to ti?
Sad si se odao..