Navodila za označevalni jezik HyperText (HTML), ki tvorijo tabele na spletnih straneh, ponujajo precej veliko število dodatnih parametrov. To v nasprotju z drugimi elementi blokov omogoča nastavitev velikosti ne samo z uporabo jezika CSS (Cascading Style Sheets ali "Cascading Style Sheets"), temveč tudi z uporabo samega HTML-ja.
Navodila
Korak 1
Z atributom width oznake tabele določite širino tabele v slikovnih pikah. Tabela oznak (navodila z navodili HTML) je sestavljena iz uvodne (
) deli, med katerimi so oznake, ki tvorijo vrstice in celice tabele. V uvodno oznako lahko vstavite dodatne parametre (atribute), katerih seznam za vsako posamezno oznako določajo mednarodni standardi. Za oznako tabele ti standardi dovoljujejo uporabo atributa width, ki določa širino tabele v slikovnih pikah. Koda HTML preproste tabele s takšno oznako, ki določa širino 500 slikovnih pik, je lahko videti takole:
| 1. celica | 2. celica |
2. korak
Vrednosti atributa width dodajte znak%, če morate širino tabele določiti kot odstotek in ne v slikovnih pikah:
| 1. celica | 2. celica |
Upoštevajte, da ti odstotki ne bodo nujno temeljili na širini okna brskalnika. Pri tem je pomembna struktura dokumenta - tako kot ugnezdena lutka ne more biti širša od tiste, v katero je ugnezdena, tako tudi 100% širine tabele ne sme biti večja od širine nadrejenega elementa. Na primer, če je tabela znotraj bloka div, bo širina tega bloka 100%.
3. korak
Če želite na isti strani v izvorni kodi na enem mestu nastaviti enako širino za tabele na spletni strani, uporabite navodila za opis sloga. Če želite to narediti, najprej postavite v glavo HTML kode (med in) odpiralne in zapiralne oznake, ki omejujejo stavke jezika CSS:
/ * Navodila za CSS bodo tukaj * /
Nato med te oznake vstavite naslednji CSS: table {width: 100px;} Tukaj tabela nakazuje, da je treba opis, umeščen v zavite oklepaje, uporabiti za vse oznake tabel, ki so prikazane v kodi strani. No, parameter width določa širino. Tudi tu lahko relativno širino uporabite kot odstotek.
4. korak
Določite ime razreda v kodi CSS in v oznaki tabele HTML, če morate določiti širino ne za vse tabele, ampak samo za eno ali več tabel. Recimo na primer, da je razred, ki označuje skupino ozkih tabel, majhen. Potem bi lahko bil opis njegovega sloga videti takole: table.tiny {width: 100px;} In ustrezna oznaka ene od tabel v kodi HTML je taka:
| 1. celica | 2. celica |
