|
|
 |
|
| |
|
Layer su novi dio HTML-a koje je nekoc uveo Netscape, a koji su
danas dio standarda koji izdaje W3C.
Oni omogucavaju tocno odredjeno postavljanje pojedinih elemenata unutar
jednog dokumenta (ti elementi mogu biti slike, tekst blokovi, dakle bilo
koji asdrzaj koji se i inace moze nalaziti u HTML-dokumentima.) i to na tocno odredjenoj
poziciji, koju navodite pri definiciji layer-a. Osim toga mozete jednom layeru
odrediti i dimenzije (visinu, sirinu), te koji stil (CSS) koristi.
Layere definirate pomocu <div> tag-a koji morate i zatvoriti (</div>.
Jedan primjer izgleda ovako:
<DIV id=menu style="
LEFT: 625px; POSITION: absolute; TOP: 120px;
VISIBILITY: hidden; WIDTH: 150px; Z-INDEX: 100">
|
Krenimo redom:
- id="menu", ovim layeru dajete ime sto je vrlo korisno, time layer
mozete putem JavaScripta manipulirati..
- LEFT:625px, znaci da se layer nalazi 625 piksela udaljen od lijevog
ruba browsera.
- TOP: 120px, je udaljenost layer-a od gornjeg ruba browsera.
- POSITION: absolute je standardna postavka i preporuceno ju je uvijek koristiti,
jer time layeri pri svakoj rezoluciji zadrzava istu poziciju.
- VISABILITY: hidden, znaci da se ovaj layer nece vidjeti unutar dokumenta,
To je korisno ukoliko zelite npr jedan meni koji se "otklapa" kada misem predjete
preko nekog linka ili slike. To postizete sa JavaScriptom npr. ali o tome vise u nasoj sekciji
JavaScript..Dakle u protivnom ostavite ovo prazno.
- WIDTH="150", je sirina layere (analogno kao i kod tablica..).
Ukoliko ste poziciju odredili konkretno, onda nije vazno gdje u dokumentu, postavite
ovaj tag, layer ce se uvijek nalaziti na tocno odredjenoj poziciji.
Jos jedna vazna stvar koju layeri omogucuju jeste da unutar <div> taga unesete sljedeci
atribut class="mojstil", ovaj CSS stil prije toga morate unutar dokumenta ili u zasebnoj datoteci
definirati (vidi lekciju o CSS-u). Onda ce text unutar
tog taga imati osobine koje ste definirali.
Layeri pruzaju jednu hrpu mogucnosti, koje do sada niste imali ili ste ih postizali uz mnogo truda
i trikova putem tabela i providnih gifova..Ovako je pozicioniranje jako pojednostavljeno.
A iduci aspekt je dinamicnost koju dobijate u kombinaciji sa npr. JavaScriptom.
Nadam se da sam odgovorio neka pitanja, ova lekcija bit ce nadopunjena.
|
| |
by BHWebMasters 2000.
Sva prava su zadrzana.
Za pitanja ili savjete:
bhwebmasters@kvesko.de
Posaljite nam E-Postu.
|
|
| |
| |
|
| |
| | | |
