Definirea celulelor extinse (atributele COLSPAN si ROWSPAN)
Sintaxa:
<TH COLSPAN=nr. coloane></TH> sau <TH rowspan='nr.' rînduri></TH>
Descriere:
Pentru nevoi de organizare a 353b16d datelor din tabel sau pentru obtinerea de efecte, celulele pot fi extinse atît orizontal (pe mai multe coloane) cît si vertical (pe mai multe rînduri). Extinderea se obtine cu ajutorul atributelor COLSPAN si ROWSPAN utilizate cu tag-urile <TH> sau <TD>. Celulele se extind întotdeauna în jos si/sau spre dreapta; deci, pentru a crea o celula care se extinde peste cîteva coloane se utilizeaza atributul COLSPAN în conjunctie cu tag-ul de început a celei mai din stînga celule din rînd, iar pentru a obtine extinderea unei celule peste mai multe rînduri se utilizeaza atributul ROWSPAN în conjunctie cu tag-ul de început a celei mai de sus celule de pe coloana. Valorile atributelor reprezinta numarul de coloane, respectiv rînduri peste care se doreste sa fie extinsa celula.
Trebuie avut în vedere ca în cazul unor descrieri eronate (cu celule care se "suprapun") browserele reactioneaza diferit, efectele putînd fi uneori imprevizibile.
Exemplu gresit (cu celule extinse/suprapuse):
În acest tabel celula "5" este extinsa peste doua rînduri si celula "7" este extinsa peste doua coloane, rezultînd o suprapunere între celulele "7" si "9":
<TABLE border="1">
<TR><TD>1 <TD>2 <TD>3
<TR><TD>4 <TD rowspan='"2">5' <TD>6
<TR><TD colspan="2">7 <TD>9
</TABLE>
Exemplu:
Un tabel cu celule extinse descris corect ar putea fi urmatorul:
<TABLE BORDER>
<TR>
<TH COLSPAN=2></TH>
<TH>Celula din stînga este<BR>extinsa pe doua coloane<BR>Rîndul 1</TH>
</TR>
<TR ALIGN=CENTER>
<TH rowspan='2>Celula' extinsa<BR>pe doua rînduri</TH>
<TH>Capul rîndului 2</TH>
<TD>Rîndul 2</TD>
</TR>
<TR ALIGN=CENTER>
<TH>Capul rîndului 3</TH>
<TD>Rîndul 3</TD>
</TR>
</TABLE>
Exemplu:
Acest exemplu ilustreaza cum afecteaza definirea unei celule extinse vecinii sai (aici celula de sub):
<TABLE border="1">
<TR><TD>1 <TD rowspan='"2">2' <TD>3
<TR><TD>4 <TD>6
<TR><TD>7 <TD>8 <TD>9
</TABLE>
Întrucît celula "2" se extinde pe primul si al doilea rînd, definirea celui de al doilea rînd o va lua în considerare. Astfel, în rîndul doi, al doile TD defineste de fapt celula a treia de pe rînd, rezultînd un tabel ca în figura urmatoare:
 |
Exemplu:
Acelasi tabel, cu o extindere pe rînd, poate fi descris astfel:
<TABLE border="1">
<TR><TD>1 <TD>2 <TD>3
<TR><TD colspan="2">4 <TD>6
<TR><TD>7 <TD>8 <TD>9
</TABLE>
 |
|
