BluePink BluePink
XHost 		Gazduire site-uri web nelimitata ca spatiu si trafic lunar la doar 15 eur / an. Inregistrare domenii .ro .com .net .org .info .biz .com.ro .org.ro la preturi preferentiale. Pentru oferta detaliata accesati site-ul BluePink
TD - rowspan

Dorim un tabel ca cel de mai jos, in care celulele galbene sa fie unite, formand o singura celula; la fel cele rosii.
r1c1r1c2r1c3r1c4
r2c1r2c2r2c3r2c4
r3c1r3c2r3c3r3c4
r4c1r4c2r4c3r4c4
Codul pentru tabelul de mai sus, cu exceptia culorilor, este:
<table border=1> <tr> <td>r1c1</td><td>r1c2</td><td>r1c3</td><td>r1c4</td> </tr><tr> <td>r2c1</td><td>r2c2</td><td>r2c3</td><td>r2c4</td> </tr><tr> <td>r3c1</td><td>r3c2</td><td>r3c3</td><td>r3c4</td> </tr><tr> <td>r4c1</td><td>r4c2</td><td>r4c3</td><td>r4c4</td> </tr> </table>
Folosind urmatorul cod (nu mai trec bgcolor pentru galben si rosu pentru a nu-l complica):
<table border=1> <tr> < !-- acest TD COLSPAN=4 tine locul celor 4 TD-uri de pe primul rand -- > <td colspan=4>r1c1+r1c2+r1c3+r1c4</td> </tr><tr> <td>r2c1</td><td>r2c2</td><td>r2c3</td><td>r2c4</td> </tr><tr> <td>r3c1</td><td>r3c2</td><td>r3c3</td><td>r3c4</td> </tr><tr> < !-- TD COLSPAN=2 de mai jos tine locul celor 2 TD-uri din mijloc de pe ultimul rand; primul si ultimul TD raman la fel -- > <td>r4c1</td><td colspan=2>r4c2+r4c3</td><td>r4c4</td> </tr> </table>
obtinem ceea ce am dorit, adica:
r1c1+r1c2+r1c3+r1c4
r2c1r2c2r2c3r2c4
r3c1r3c2r3c3r3c4
r4c1r4c2+r4c3r4c4
Acest tabel este mai complicat deoarece foloseste COLSPAN combinat cu ROWSPAN (urmariti intai exemplul de acolo).
r1c1+r1c2+r1c3+r1c4
r2c1r2c2r2c3r2c4
r3c1r3c2+r3c3+r4c2+r4c3r3c4
r4c1r4c4
Codul este:
<table border=1> <tr bgcolor=yellow> <td colspan=4>r1c1+r1c2+r1c3+r1c4</td> </tr><tr> <td>r2c1</td><td>r2c2</td><td>r2c3</td><td>r2c4</td> </tr><tr> <td>r3c1</td> <td colspan=2 rowspan=2 bgcolor=red>r3c2+r3c3+r4c2+r4c3</td> <td>r3c4</td> </tr><tr> <td>r4c1</td><td>r4c4</td> </tr> </table>
Acum ar fi cazul unui exemplu care sa arate cum se pot uni TOATE celulele galbene din tabelul de mai jos folosind COLSPAN si ROWSPAN:
r1c1r1c2r1c3r1c4
r2c1r2c2r2c3r2c4
r3c1r3c2r3c3r3c4
r4c1r4c2r4c3r4c4
.
.
.
Cred ca trebuie asteptata aparitia unor browsere de-a dreptul inteligente; puteti incerca - chiar as vrea sa vad acest cod. Ceva asemanator gasiti mai jos, dar nu foloseste COLSPAN si ROWSPAN.
r1c1+r1c2+r1c3+r1c4
r1c2r1c3r1c4
r2c2r2c3r2c4
r3c2r3c3r3c4
r4c2r4c3r4c4
r2c1+
r3c1+
r4c1
Codul este:
<table border=1 bgcolor=yellow> <tr><td> r1c1+r1c2+r1c3+r1c4<br> <table border=1 align=right bgcolor=white> <tr> <td>r1c2</td><td>r1c3</td><td>r1c4</td> </tr><tr> <td>r2c2</td><td>r2c3</td><td>r2c4</td> </tr><tr> <td>r3c2</td><td>r3c3</td><td>r3c4</td> </tr><tr> <td>r4c2</td><td>r4c3</td><td>r4c4</td> </tr> </table> r2c1+<br>r3c1+<br>r4c1 </td></tr></table>
Prelucram putin si obtinem:
r1c1+r1c2+r1c3+r1c4
r1c2r1c3r1c4
r2c2r2c3r2c4
r3c2r3c3r3c4
r4c2r4c3r4c4
r2c1+
r3c1+
r4c1

[ Home ] [ Tabele -marcaje+atribute ]