BluePink BluePink
XHost 		Oferim servicii de instalare, configurare si monitorizare servere linux (router, firewall, dns, web, email, baze de date, aplicatii, server de backup, domain controller, share de retea) de la 50 eur / instalare. Pentru detalii accesati site-ul BluePink.
TD - colspan

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> < !-- acest TD COLSPAN=2 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>
CONCLUZIE: in interiorul unui tabel, folosind colspan si rowspan, putem obtine prin unirea unor celule zone de forma dreptunghiulara (vezi zona rosie); de alte forme ("T" sau "L") - cam greu - vezi mai jos.
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
sau chiar (folosind insa si atribute care nu sunt recunoscute de orice browser - de ex. Netscape):
r1c1+r1c2+r1c3+r1c4
r2c2r2c3r2c4
r3c2r3c3r3c4
r4c2r4c3r4c4
r2c1+
r3c1+
r4c1

[ Home ] [ Tabele -marcaje+atribute ]