CSS nejasnoce

[pailhead]

Presao sam w3schools html i css i sad pokusavam da provezbam celu tu materiju. Udario sam u zid na samom samcatom pocetku.

Eksperimentisem ovde sa boxovima, i hteo sam da imam centriran tekst ispod slike.

Test1
Test2


U jednom sam definisao stil p1 a u drugom samo p. U firefoxu vidim razliku i nije mi jasno zasto do nje dolazi. U oba slucaja tekst preuzme bold i boju, ali ne samo jednom align.

Isto, nije mi jasno zasto ovde gde je centiran dobijem ovaj prazan red ispod i iznad, odnosno kutija se poveca. Nisam sacuvao primer sa w3schools ali jako slican slucaj mi se javljao i u njihovim primerima. Znam da sam ovaj kopirao u taj drugi i da nikako nisam mogao da shvatim zasto mi se siri kutija kad je kod bio identican.

[cls-Igor]

html je markup language, znaci markiras podatke, govoris kompijuteru sta je sta koristeci dostupne html tagove (div, p, img, form, itd...). Koristeci CSS stilizujes te html tagove i celokupni prikaz.

Test1 - Koristis ne postojeci html tag <p1>, znaci ne ispravan kod i ne moze se primeniti CSS.
Test2 - Koristis <p> tag, koji stoji za paragraph, ispravan kod i primenjuje CSS koji si naveo.

Trebas znati da Firefox i ostali browseri imaju u sebi podesene osnovne css vrednosti za prikaz odredjenih html tagova. <p> tag na primer ima podesen margin, padding, line-heigt... pa zato dobijas taj prazan red ispod i iznad texa.

[zlatiborac]

Stoga lepo skochish do YUI-a, skinesh CSS reset i isti koristish uvek da ne bi imao tih muka sa "plivanjem" elemenata u razlichitim browser-ima

[cls-Igor]

Upravo tako.

[pailhead]

A sto taj red ne mogu da uklonim sa padding top padding bottom ili samo padding = 0 ?

[Dead Man Walking]

Zato što je to što ga odvaja margin a ne padding. Kucaj margin:0; i nabavi firebug plugin, olakšaće ti život.

[gStyle]

+ na sve navedeno ono shto si hteo dobijash sledecom procedurom:
<p1> zapravo treba da bude <p class="neko-specifichno-ime"> a u css-u .neko-specifichno-ime{ property:value; }

[vili]

Presao sam w3schools html i css
...
U jednom sam definisao stil p1...

Aj' ti ponovo predji w3schools... za svaki slucaj.

[iki_xx]

kakav ti je to tag <p1>?

[pailhead]

Kad je vec zazivela tema...

Presao ponovo, pomesao sam sa h1,h2... Zaboravio sam da su to razlicite vrste headera a ne nacin na koji mogu da ih odredjujem.

http://www.dndinzenjering.rs/

Jel moguce ukloniti ta dva reda u firefoxu? Ako sam dobro razumeo, firefox po defaultu neki deo koda tumaci po svom. Ali ako definisem taj deo, zar se nece onda to promeniti?


I dalje mi nije bas jasno zasto je sa pogresnim tagom i u stilu i u body uspeo da procita deo, a deo nije. zar nije trebalo skroz da pukne ili nesto?

*edit*

uspelo mi je