Razvoj web-stranica

Bug Tečaj u HTML/CSS-u

royalhero sub 4.2.2012 17:55
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. {#}

OriginalEXE sub 4.2.2012 18:23
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 :)

tomo007 sub 4.2.2012 18:48

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

OriginalEXE sub 4.2.2012 19:25
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.

tomo007 sub 4.2.2012 19:44
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 ;)

OriginalEXE sub 4.2.2012 19:49

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

royalhero sub 4.2.2012 19:52
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.

royalhero sub 4.2.2012 19:52

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?

dario111cro sub 4.2.2012 19:55
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:

 

OriginalEXE sub 4.2.2012 19:55
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 ;)

Unix sub 4.2.2012 19:58
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.

pirat01 sub 4.2.2012 19:58
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.

royalhero sub 4.2.2012 20:03

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

Unix sub 4.2.2012 21:40

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

OriginalEXE sub 4.2.2012 21:44
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 :)

tomo007 sub 4.2.2012 22:46
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?

dario111cro sub 4.2.2012 23:03
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...

captain_soap_McTawish sub 4.2.2012 23:07

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.

OriginalEXE sub 4.2.2012 23:11
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.

Nova tema

Nova poruka u temi

Novi komentar na sadržaj

Odgovor na poruku

Uređivanje poruke

    Dodaj slike (max 5MB)