Potreba za rastezanjem tablice na čitav prostor prozora preglednika pojavljuje se, na primjer, kada se dizajn stranice postavi unutar tablice. Rješenje ovog problema ne zahtijeva pisanje složenog koda, ali uključuje uzimanje u obzir nekih karakteristika označavanja web stranica.
Potrebno
Osnovno znanje HTML-a
Instrukcije
Korak 1
Prvo, morate pojasniti značenje predstojeće operacije. U HTML kodu, stranice tablice su skup ugniježđenih uparenih oznaka (jedno otvaranje i jedno zatvaranje). Oznake ćelije (
) su ugniježđeni unutar string oznaka (
), a one pak u oznake tablice (
). U početnoj oznaci tablice možete postaviti njenu širinu i visinu u apsolutnim jedinicama (pikseli) i relativnim (procentima). Sa relativnim veličinama, širina i visina nadređenog elementa tablice uzimaju se kao 100%. Ako tablicu postavite izravno u tijelo stranice (a ne u sloj, obrazac, drugu tablicu itd.), Tada će dimenzije njenog nadređenog elementa biti širina i visina stranice. To znači da za rastezanje stola na sav slobodni prostor trebate odrediti 100% horizontalne i vertikalne dimenzije.
Korak 2
Sada ovo možete početi primjenjivati u praksi u HTML-u. Širina i visina tablice navedena je atributima širine i visine. Tako kôd tablice koji pokazuje 100% dimenzija u svim smjerovima i, na primjer, s dvije ćelije u jednom redu, može izgledati ovako:
| lijeva ćelija tablice | desna ćelija tabele |
Korak 3
Određivanje širine i visine od 100% bit će dovoljno za rastezanje tablice ako odaberete pravi HTML standard prema kojem preglednik treba čitati kod stranice. Oznaka se postavlja u prvi redak dokumenta. Treba vam oznaka sa sljedećim sadržajem:
Korak 4
I još jednu točku treba uzeti u obzir u vašem kodu: stranica je prema zadanim postavkama uvučena od ivica prozora za nekoliko piksela, tako da se tablica, čak i nakon popunjavanja cijele stranice, neće protezati na cijeli prozor. Da biste uklonili ova nepotrebna polja, možete odrediti nula uvlaka u odgovarajućim atributima u početnoj oznaci tijela stranice ():
Korak 5
Kada se sklopi, cijeli kôd stranice s tablicom razvučenom u cijelu širinu i visinu ekrana izgledat će ovako:
Istegnuti sto
| lijeva ćelija tablice | desna ćelija tabele |
