Tabulomānija
26 May 1999 by Laacz
Iespējams, ka kaudze no jums būs dzirdējusi, ka tabulas, tas ir webmāstera glābiņš. Ja ne, tad nu tagad tas notiek. Jau ir noticis. Bet nieiedziļināsimies sīkumos. Značit, tabulas. To biš - tags <table>. Bet pirms es rakstu ko tālāk, mazliet izstāstīšu par šī taga atribūtiem, kurus mēs izmantosim, kā arī tiem, kurus nelietosim.
piemēri par tēmu <table>
<table>
- border="vērtība"
- Loģiski, ka tabulas bordera izsamērs. Jābilst, ka katrs browseris šamo saprot po svojemu. Ne ar šausmonīgām atšķirībām, bet šādas tādas tomēr ir. Tā runā :) Anyway - lai novāktu borderi, rakstām: border=0.
- cellpadding="vērtība"
- Nosaka cella satura attālumu no cella borderiem (atkāpi no malām, saprotamāk runājot). Defaultajai vērtībai jābūt (un parasti ir) 1.
- cellspacing="vērtība"
- Izsaka digitālā formā tavas iedomas par to, kādu vēlies atstarponi starp celliem. Defaultā vērtība - 2.
- cols="kolonnu skaits"
- Šis parametrs domāts, lai iepriekš varētu atļaut browserim sākt jau rādīt tabulu, pirms tā ir visa ielādējusies (ķipa, lai viņš neuztraucās, ka varbūt būs vairāk kolonnas kādā, pieņemsim, 326. rindiņā, nekā pirmajā).
- width="vērtība"
- Nosaka tabulas platumu pixeļos (width=nn) vai procentros (width=nn%).
- height="vērtība"
- Nosaka tabulas augstumu pixeļos (height=nn) vai procentros (height=nn%).
- align=left|right
- Nebrīnies. Faktiski tabulai nav (pēc W3C specigikācijas) parametra align, kur nu vēl align=center. Bet daži browseri (NN/NC, MSIE) atbalsta to. Un ļoti nespecifikāciski ir align=center. Šais gadījumos jāraksta:
<div align=left|right|center>
<table ...
...
- bgcolor="#rrggbb"|krāsa
- Nosaka fona krāsu tabulai. MSIE, NN/NC specifiski.
- bordercolor="#rrggbb"|krāsa
- MSIE ļauj tev nodefinēt tabulas rāmja krāsu. Var izmantot arī paralēli bordercolordark un bordercolorlight, lai panāktu savus krāsu šādes efektus. Lai bordercolor tiktu filmēts, jābūt obligāti definētam parametram border.
- background="bilde.url"
- Norāda fona bildi tabulai.
- frame=void|above|below|hsides|lhs|rhs|vsides|box
- Tikai MSIE piemītošs talants - norāda, kurus no borderiem attēlot (jēga tikai tad, kad ir definēts border parametrs).
void nav bordera
above ir tikai augšējais ārējais borderis
below ir tikai apakšējais ārējais borderis
hsides ir tikai horizontālie externālie borderi
lhs tikai tabulas kreiso borderu externālās malas
rhs tikai tabulas labo borderu externālās malas
vsides ir tikai vertikālie externālie borderi
box apkārt tablei ir rāmis
piemēri par tēmu <tr> & <td>
<tr>
Ietver sevī vienu cellu rindu. Uz <tr> var attiecināt sekojošos <table> parametrus:
align, bgcolor, bordercolor, bordercolorlight, bordercolordark un background. Kā arī klātu nāk:
- valign=baseline|top|middle|bottom
- Norāda vertikālu alignementu (izlīdzināšanu)
baseline visas šūnas (cells) tiek izlīdzināti pēc vienas centrētas līnijas
top viss cellos tiek pielīdzināts pie augšējās malas
middle viss cellos tiek iecentrēts pa vertikāli
bottom viss cellos tiek pielīdzināts pie apakšējās malas
<td>
Apzīmē vienu pašu tabulas cellu, šūnu, sauc kā gribi. Uz <th> var attiecināt sekojošos <tr> parametrus:
align, valign, width, height, bgcolor, bordercolor, bordercolorlight, bordercolordark un background. Kā arī klātu nāk:
- nowrap
- Saka browserim, ka teksta rindas nedrīkst aplauzt (:) Bet ar šito uzmanīgi, savādāk var sanākt izmisīgi platas un ārpusekrānarobežiskas šūnas
- colspan="vērtība"
- Norāda, cik daudz kolonnas aizņem dotā tabulas šūna. Ja šamais būs lielāks nekā kolonnu skaits tabulā, tad tabula kļūs lielāka.
- rowspan="vērtība"
- Norāda, cik daudz rindas aizņem dotā tabulas šūna. Ja šamais būs lielāks nekā rindu skaits tabulā, tad tiks apcirpts.
|