napravili smo layere, postavili ih gdje su nam potrebni (left i top udaljenost 100pix, veličina 200x115pix.) i sve izgleda savršeno, naravno, ako radimo sa fixnim veličinama, ali... kako postaviti layer na kraj ekrana ili točno u sredinu... ako imamo npr sajt širine 750pix, a lajer želimo u sredini, ili...
| CSS | napravili smo layere, postavili ih gdje su nam potrebni (left i top udaljenost 100pix, veličina 200x115pix.) i sve izgleda savršeno, naravno, ako radimo sa fixnim veličinama, ali... kako postaviti layer na kraj ekrana ili točno u sredinu... ako imamo npr sajt širine 750pix, a lajer želimo u sredini, ili... npr. imamo tablicu koja je široka 100% i želimo da nam u gornjem DESNOM kutu budu opisi linkova (da ne smetaju kod surfanja) i ti opisi bi trebali biti u layeru veličine 200x115 pix. ne možemo odrediti gdje se layer nalazi jer svaka rezolucija ima svoj drugi kraj (ako radimo za 800x600, vidljivo je nekih 780pix, pa bi nam onda layer trebao početi sa udaljenosti 580pix, da se "priljubi" za desni rub (580 pix + 200 pix širina layera = 780 pix ili cca. maximalna vidljivost ekrana 800x600) ako želimo layer u sredini sajta, još je teže za izračunati a sada rješenje: - napravite tablicu koja vam odgovara (kostur stranice)
- odredite ĆELIJOM gdje će vam se nalaziti layer (pozicija i veličina, dakle, morate odrediti veličinu ćelije (u našem slučaju 200 x 115)
- pogledajte na stranici, pod rednim brojem 1. imate oznaku za layer - marker (ikonu sa slovom C), taj marker odvucite mišem u tu ćeliju
- pogledajte na stranici, pod rednim brojem 2. imate udaljenost od lijevog i gornjeg ruba monitora
(L 100, T 100, dakle, udaljenost layera od gornjeg lijevog ruba je 100x100 pix) - izbrišite te vrijednosti (ostavite prazna polja i s tim ste dobili da vam marker odredjuje relativnu poziciju layera), tako možete uvijek imati 100% kontrolu nad layerima, bez obzira na veličinu monitira.
- brisanjem vrijednosti L i T i umetanjem markera u ćeliju, dobio sam da mi je tekst u svim rezolucijama na istom mjestu dobio sam na prostoru, jer mi se text scrola, pa je index vidljiv u cijelom ekranu bez scrola, mogu ubacivati texta koliko hoću, a on je uvijek u istom okviru
evo, sada znate postaviti layere i na sredinu ekrana...
|
kada zelite layere "fiksirati" unurat tablice koristite opciju "INSERT->LAYER i tada ce vam lajer "leci" u tablicu bez njegovih parametara sto se tice polozaja LEFT i TOP...
dakle, ako budete radili navigacijsku traku pomocu layera, umjesto tablice sa 2 reda (mjesto za logo i mjesto za linkove), napraviti cete 3 reda, s tim da ce vam donja 2 reda biti identicna, npr: | LOGO | | 1. LINK | 2. LINK | 3. LINK | | 1. LAYER | 2. LAYER | 3. LAYER |
to vam omogućava da svoju navigacijsku traku u layerima postavite na sredinu stranice, bez racunanja mjesta gdje bi se layeri trebali nalaziti...
NAPOMENA: tablice trebaju imati slijedeće parametre: <table width="proizvoljan %" border="0" align="proizvoljno" cellpadding="0" cellspacing="0"> ubacite behavior i navigacijska traka je gotova!!! (jednostavno, zar ne?) nije na odmet obratiti pozornost da NSN i njegovi klonovi (koji napadaju), kao Mozilla i ini ne podržavaju dimenzije u poszocima (%), nego samo fiksne veličine. ukoliko zadate širinu layera 100% IE će ga razvući na širinu zadane veličine ćelije, dok će NSN uzeti trenutnu rezoluciju i razvući će prozor na tu širinu... npr. ako vaš monitor ima rezoluciju 800x600, a layer se nalazi na sredini ekrana, dakle na 400 pix od ruba, onda, iako je ćelija ograničena na 400 pix (npr. do kraja ekrana), NSN će razvući layer na 800 pix, dakle pojaviti će se scroll! ukoliko netko zna kako ispraviti to u NSN, neka napiše post (unaprijed hvala!!!) | |