Tablice

Ići dole

Tablice

Počalji od Linou taj Pon Jan 25, 2010 12:41 pm

Tablice su možda i najzbunjenije za početnike i neki kad to vide pobjegnu od HTML-a jer misle: "� ta će mi to kad imam Dreamweaver koji to umjesto mene obavi". E pa to nije baš tako. Ako budete možda nekad radili sa PHP-om ili ASP-om trebat će vam znanje "ručne" izrade tablica u HTML-u.

Za početak tablice koristimo <table>. U tom elementu postoje tagovi <tr> (redak) i <td> (stupac).
Evo primjera jedne tablice sa dva reda i dva stupca.

Kod:
<table border="1">
<tr>
<td> Prvi red i prvi stupac </td>
<td> Prvi red i drugi stupac </td>
</tr>
<tr>
<td> Drugi red i prvi stupac </td>
<td> Drugi red i drugi stupac </td>
</tr>
</table>

Ovako pravimo ako imamo npr. jedan redak sa u prvom stupcu a u istom tom redku u drugom stupcu imamo dva redka.

Kod:
<table border="1">
<tr>
<td rowspan="2">Jedan redak </td>
<td>Prvi redak</td>
</tr>
<tr>
<td>Drugi redak </td>
</tr>
</table>

Primjetite Rowspan s brojem 2. Taj broj označava koliko se redaka nalazi u drugom stupcu.




Kada imate dva redka i u prvom 1 stupac a u drugom 2 stupca. Onda koristite Colspan. Evo primjera:

Kod:
<table border="1">
<tr>
<td colspan="2">Jedan redak </td>
</tr>
<tr>
<td>Prvi stupac </td>
<td>Drugi stupac </td>
</tr>
</table>



Cellspacing
Koristite cellspacing za razmak između rubova tablice. Pogledajmo primjer:

Kod:
<table border="1" cellspacing="6">
<tr>
<td colspan="2">Jedan redak </td>
</tr>
<tr>
<td>Prvi stupac </td>
<td>Drugi stupac </td>
</tr>
</table>



Cellpadding
Cellpadding koristite kada želite odvojiti tekst od rubova tablice. Pogledajmo primjer:

Kod:
<table border="1" cellpadding="15">
<tr>
<td colspan="2">Jedan redak </td>
</tr>
<tr>
<td>Prvi stupac </td>
<td>Drugi stupac </td>
</tr>
</table>



Preuzeto sa: tutorijali.net

_________________________________

Linou
Linou
Moderator
Moderator

Broj poruka : 371
Datum upisa : 24.01.2010

Pogledaj profil korisnika

Nazad na vrh Ići dole

Re: Tablice

Počalji od Loud taj Uto Jan 26, 2010 9:49 am

extra je tut al da nema ivica umesto

<table border="1" se stavi <table border="0"
Wink
Loud
Loud
Administrator
Administrator

Broj poruka : 1118
Datum upisa : 23.01.2010
Godina : 21

Pogledaj profil korisnika http://svettutorijala.forumotion.net

Nazad na vrh Ići dole

Nazad na vrh


 
Dozvole ovog foruma:
Ne možete odgovarati na teme u ovom forumu