Bug Tečaj u HTML/CSS-u

poruka: 171
|
čitano: 47.997
|
moderatori: Lazarus Long, XXX-Man, vincimus
+/- sve poruke
ravni prikaz
starije poruke gore
14 godina
offline
Bug Tečaj u HTML/CSS-u

GJ! Za sada, rekreativno čitanje. Veselim se budućim tekstovima. ;)

www.damagehigh.com // Don't fix what ain't broken!
 
0 0 hvala 1
12 godina
neaktivan
offline
Re: Bug Tečaj u HTML/CSS-u
OriginalEXE kaže...

 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. {#}

Poruka je uređivana zadnji put sub 4.2.2012 17:55 (royalhero).
12 godina
offline
Re: Bug Tečaj u HTML/CSS-u
royalhero kaže...
OriginalEXE kaže...

 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 :)

http://key-storm.com/ ŽELJKO BJELIĆ JE LOPOV || ŽELJKO BJELIĆ JE LOPOV
15 godina
neaktivan
offline
Bug Tečaj u HTML/CSS-u

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

tomo007.net63.net BUG tečaj
 
1 0 hvala 0
12 godina
neaktivan
offline
Re: Bug Tečaj u HTML/CSS-u

Padding je razmak između bordera i teksta u HTML elementu.

 

Alati poput VWD su jako korisni po tom pitanju.

 

12 godina
neaktivan
offline
Re: Bug Tečaj u HTML/CSS-u

@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.

12 godina
offline
Re: Bug Tečaj u HTML/CSS-u
tomo007 kaže...

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.

http://key-storm.com/ ŽELJKO BJELIĆ JE LOPOV || ŽELJKO BJELIĆ JE LOPOV
15 godina
neaktivan
offline
Re: Bug Tečaj u HTML/CSS-u
OriginalEXE kaže...
tomo007 kaže...

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 ;)

tomo007.net63.net BUG tečaj
15 godina
neaktivan
offline
Re: Bug Tečaj u HTML/CSS-u
royalhero kaže...

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

tomo007.net63.net BUG tečaj
12 godina
offline
Re: Bug Tečaj u HTML/CSS-u

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 ;)

http://key-storm.com/ ŽELJKO BJELIĆ JE LOPOV || ŽELJKO BJELIĆ JE LOPOV
12 godina
neaktivan
offline
Re: Bug Tečaj u HTML/CSS-u
OriginalEXE kaže...

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.

12 godina
neaktivan
offline
Re: Bug Tečaj u HTML/CSS-u
OriginalEXE kaže...
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 ;)
 Sam ti rekel?
13 godina
neaktivan
offline
Re: Bug Tečaj u HTML/CSS-u
OriginalEXE kaže...

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:

 

Brzo. Jeftino. Kvalitetno. Izaberi dva! ;)
12 godina
offline
Re: Bug Tečaj u HTML/CSS-u
royalhero kaže...
OriginalEXE kaže...
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 ;)
 Sam ti rekel?

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 ;)

http://key-storm.com/ ŽELJKO BJELIĆ JE LOPOV || ŽELJKO BJELIĆ JE LOPOV
Poruka je uređivana zadnji put sub 4.2.2012 20:00 (OriginalEXE).
12 godina
neaktivan
offline
Re: Bug Tečaj u HTML/CSS-u
dario111cro kaže...

 

 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. {#}

Poruka je uređivana zadnji put sub 4.2.2012 19:58 (royalhero).
12 godina
neaktivan
offline
Re: Bug Tečaj u HTML/CSS-u
dario111cro kaže...
OriginalEXE kaže...

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.

bravoroms.wordpress.com - BravoRoms - HTC Desire ROM reviews
14 godina
offline
Re: Bug Tečaj u HTML/CSS-u
royalhero kaže...
OriginalEXE kaže...

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.

Ziv je Moskri, umro nije dok je gudre i murije..
12 godina
neaktivan
offline
Re: Bug Tečaj u HTML/CSS-u

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.

12 godina
neaktivan
offline
Re: Bug Tečaj u HTML/CSS-u

@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.

14 godina
neaktivan
offline
Bug Tečaj u HTML/CSS-u

Evo jedan fkt super tečaj.

 

http://learncss.tutsplus.com/ 

Got a gun, in fact I've got two, that's okay man, cause I love God
Moj PC  
2 0 hvala 0
12 godina
neaktivan
offline
Bug Tečaj u HTML/CSS-u

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 {#}

bravoroms.wordpress.com - BravoRoms - HTC Desire ROM reviews
Poruka je uređivana zadnji put sub 4.2.2012 21:43 (Unix).
Moj PC  
0 0 hvala 0
12 godina
offline
Re: Bug Tečaj u HTML/CSS-u
Unix kaže...

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 :)

http://key-storm.com/ ŽELJKO BJELIĆ JE LOPOV || ŽELJKO BJELIĆ JE LOPOV
Poruka je uređivana zadnji put sub 4.2.2012 21:44 (OriginalEXE).
15 godina
neaktivan
offline
Re: Bug Tečaj u HTML/CSS-u
OriginalEXE kaže...

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?

tomo007.net63.net BUG tečaj
13 godina
neaktivan
offline
Re: Bug Tečaj u HTML/CSS-u
Unix kaže...

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...

Brzo. Jeftino. Kvalitetno. Izaberi dva! ;)
14 godina
offline
Bug Tečaj u HTML/CSS-u

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.

Twitter- @capttawish Linux/GNU live forever.
 
0 0 hvala 1
12 godina
offline
Re: Bug Tečaj u HTML/CSS-u
captain_soap_McTawish kaže...

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.

http://key-storm.com/ ŽELJKO BJELIĆ JE LOPOV || ŽELJKO BJELIĆ JE LOPOV
12 godina
offline
Re: Bug Tečaj u HTML/CSS-u

tomo007 to se onda svodi na reference, a za to može poslužiti i w3schools

http://key-storm.com/ ŽELJKO BJELIĆ JE LOPOV || ŽELJKO BJELIĆ JE LOPOV
12 godina
neaktivan
offline
Bug Tečaj u HTML/CSS-u

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) {#}

 

http://mzgrablic.tk/

 

Što mislite? Malo me naslov zeza, mogao bih ga smanjiti.

bravoroms.wordpress.com - BravoRoms - HTC Desire ROM reviews
Moj PC  
3 0 hvala 2
12 godina
offline
Re: Bug Tečaj u HTML/CSS-u
Unix kaže...

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) {#}

 

http://mzgrablic.tk/

 

Što mislite? Malo me naslov zeza, mogao bih ga smanjiti.

Odgovorio sam ti u Community temi.

http://key-storm.com/ ŽELJKO BJELIĆ JE LOPOV || ŽELJKO BJELIĆ JE LOPOV
14 godina
offline
Re: Bug Tečaj u HTML/CSS-u
Unix kaže...

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) {#}

 

http://mzgrablic.tk/

 

Što mislite? Malo me naslov zeza, mogao bih ga smanjiti.

Luka, jes' to ti? {#}

Sad si se odao..{#}

 

{#}{#}

www.damagehigh.com // Don't fix what ain't broken!
Nova poruka
E-mail:
Lozinka:
 
vrh stranice