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 značajki označavanja web stranica.
Potrebno
Osnovno znanje HTML-a
Upute
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 stanica (
) su ugniježđeni unutar oznaka niza (
), a one pak u oznake tablice (
). U početnoj oznaci tablice možete postaviti njezinu širinu i visinu u apsolutnim jedinicama (pikseli) i relativnim (postocima). S 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 njezina nadređenog elementa biti širina i visina stranice. To znači da za rastezanje stola na sav slobodni prostor trebate navesti 100% vodoravne i okomite dimenzije.
Korak 2
Sada ovo možete početi primjenjivati u praksi u HTML-u. Širina i visina tablice određena je atributima širine i visine. Tako kôd tablice koji pokazuje 100% dimenzija u svim smjerovima i, na primjer, s dvije ćelije u jednom retku, može izgledati ovako:
| lijeva ćelija tablice | desna ćelija tablice |
3. korak
Navođenje 100% širine i visine bit će dovoljno za rastezanje tablice ako odaberete pravi HTML standard prema kojem bi preglednik trebao pročitati kod stranice. Oznaka se postavlja u prvi redak dokumenta. Trebate oznaku sa sljedećim sadržajem:
4. korak
I još jedna točka treba uzeti u obzir u vašem kodu: prema zadanim postavkama, stranica je uvučena od rubova prozora za nekoliko piksela, pa se tablica, čak i nakon punjenja 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
Kad se sklopi, cijeli kôd stranice s tablicom razvučenom u cijelu širinu i visinu zaslona izgledat će ovako:
Rastegnuti stol
| lijeva ćelija tablice | desna ćelija tablice |
