wZine

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.



Banneru sistēma BBA
Banneru sistēma BBA