Top subiecte apreciate

Optiuni experimentale
  • Foloseste AJAX in formulare ori de cate ori este posibil

Navigare rapidă

Ultimele subiecte
» Wireless ipb theme [punBB]
Scris de DenisPasca Mier 7 Dec - 23:51
» [Animate] Recent Topic IPB
Scris de DenisPasca Lun 5 Dec - 22:44
» Ipb Counter-strike Special FG
Scris de DenisPasca Sam 3 Dec - 22:52
» Special Theme Extrem Tutorials
Scris de cosminelu21 Vin 2 Dec - 23:48
Cuvinte-cheie

Metin2  legenda  punbb  Bara  Statistici  Mesaje  menu  reclama  cautare  chenar  drop  subforumuri  profil  tema  edit  radio  tutorial  ultimele  animate  subiecte  phpBB2  meniu  banner  navigare  html  avatar  

Script Tabele


Tabelele pot aparea dificile la inceput, dar cu putina rabdare si practica vei vedea ca nu sunt asa cum par. Tagul este folosit pentru a deschide un tabel. Inauntrul acestui tag vom gasi alte doua taguri tipice (liniile tabelului) si . Atributul border stabileste latimea marginii tabelului.

HTML - Tabele asimetrice
Pentru a forma tabele asimetrice vom folosi "rowspan" pentru a traversa mai mute linii si "colspan" pentru a traversa mai multe coloane. Deasemenea daca vrem ca prima linie sa serveasca de titluri pentru toate coloanele vom folosi tagul
(coloanele tabelului). Dar cea mai buna explicatie ar fi in momentul de fata un exemplu:
Cod:
<table border="1">

<tr><td>Row 1 Cell 1</td><td>Row 1 Cell 2</td></tr> <tr><td>Row 2 Cell 1</td><td>Row 2 Cell 2</td></tr>

</table>


Continutul va fi plasat in interiorul casutelor tabelului. O casuta este ceea ce se afla intre
si . Acestea vor fi scrise cu litere ingrosate dupa cum vom vedea in exemplu urmator:
Cod:
<table border="1">
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
<tr><td rowspan="2">Row 1 Cell 1</td>
<td>Row 1 Cell 2</td><td>Row 1 Cell 3</td></tr>
<tr><td>Row 2 Cell 2</td><td>Row 2 Cell 3</td></tr>
<tr><td colspan="3">Row 3 Cell 1</td></tr>
</table>


HTML - Spatierea celulelor
Cu ajutorul atributelor "cellpadding" si "cellspacing" vom defini distanta dintre celule. "cellspacing" stabileste marimea marginii, iar "cellpandding" stabileste distanta dintre margine si continut. In exemplu urmator a fost adaugata deasemenea putina culoare.
Cod:
<table border="1" cellspacing="10"
bgcolor="rgb(0,255,0)">
<tr>
<th>Column 1</th> <th>Column 2</th>
</tr>
<tr><td>Row 1 Cell 1</td><td>Row 1 Cell 2</td></tr> <tr><td>Row 2 Cell 1</td><td>Row 2 Cell 2</td></tr>
</table>


Pentru a face mai bine diferenta vom elimina marginea din exemplu anterior.
Cod:
<table border="1" cellpadding="10"
bgcolor="rgb(0,255,0)">

<tr>

<th>Column 1</th>
<th>Column 2</th>

</tr>

<tr><td>Row 1 Cell 1</td><td>Row 1 Cell 2</td></tr> <tr><td>Row 2 Cell 1</td><td>Row 2 Cell 2</td></tr>

</table>


Distanta intre celule si dimensiunea margini va fi inerpretata de browser in pixeli. Conform acestei "legi" o valoare de 10 sunt de fapt 10 pixeli. Acest atribut nu este singurul care foloseste ca unitate de masura, pixeli, dar vom invata despre celelalte pe masura ce vom innainta in urmatoarele tutoriale.
Comentariile utilizatorilor
Vizitator
Membru ET
la data de Dum 21 Oct - 19:11
Soricelul Membru ET
Conectat
[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

L-am rescirs deoarece acolo am uitat sa dezactivez codurile HTML in subiect si s-a cam stricat topicul.
Vizitator
la data de Dum 21 Oct - 19:14
Vizitato Vizitator
Conectat
Acum ca ai reusit sa-l postezi te-as ruga sa adaugi si o previzualizare.
Vizitator
la data de Dum 21 Oct - 19:22
Vizitato Vizitator
Conectat
@Soricelul a scris:

L-am rescirs deoarece acolo am uitat sa dezactivez codurile HTML in subiect si s-a cam stricat topicul.

In loc sa il rescrii puteai sa ii dai un edit!
Membru ET
la data de Dum 21 Oct - 20:56
Soricelul Membru ET
Conectat
[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:Acum ca ai reusit sa-l postezi te-as ruga sa adaugi si o previzualizare.

Nu am deoarece nu e facut de mine, eu doar am postat pentru a ajuta membri care au nevoie de asa ceva. Nu ma laud ca altii ca e facut de mine.

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:In loc sa il rescrii puteai sa ii dai un edit!

Daca nu stiai s-a mutat pagina la dreapta si nu mai aparea butonul edit. Deci numai posta doar pentru +1.
Membru ET
la data de Vin 25 Oct - 19:05
RedGames Membru ET
Conectat
o previzualizare?