zanimljivosti

moj blog

Prijava






Zaboravili ste šifru?
Ako još nemate Korisnički račun, možete ga kreirati ovdje.

ONline korisnici

Gostiju online: 8

Rođendan

NEMA!!!

Naslovnica arrow dreamweaver arrow CSS - Layers

Blic Vijesti

jos jedan mali upload... evo poceo sam pisati i svoj "blog" samo da bi vam priopcio tko sam, sto radim /cime se bavim/ sto volim, a sto ne...
 
CSS - Layers Ispis E-mail
Ocjena: / 0
LošeOdlično 
Administrator   
Srijeda, 05 Ožujak 2008
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:

  1. napravite tablicu koja vam odgovara (kostur stranice)
  2. 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)
  3. pogledajte na stranici, pod rednim brojem 1. imate oznaku za layer - marker (ikonu sa slovom C), taj marker odvucite mišem u tu ćeliju
  4. 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)
  5. 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.
  6. 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. LINK2. LINK3. LINK
1. LAYER2. LAYER3. 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?)

jedva minus dva
1. LINK2. LINK3. LINK

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

Zadnja Promjena ( Srijeda, 05 Ožujak 2008 )
 
Sljedeća »
eXTReMe Tracker

| www.pogledaj.net ® | part of www.w84.org ® community | design by dean2001 © 2010 pogledajNET - All Rights Reserved |
| powered by joomla | crojoomla | theme based on RocketTheme |