e-gradiva     HTML CSS JavaScript Načrtovanje    
  logotip  
SERŠ Maribor Iskanje Primeri
>

<col />

Atributi: align | char | charoff | class | dir | id | onclick | ondblclick | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | span | style | title | valign | width | xml:lang
Starši: colgroup | table

Element col se uporablja za določanje skupnih lastnosti posameznih stolpcev tabele. Element se lahko uporablja samo znotraj elementa colgroup ali v tabeli in to takoj za priveskom <table>. Prvi element col določa prvi stolpec v tabeli, drugi col določa drugi stolpec v tabeli in tako naprej. Atribut span določa število stolpcev, ki si delijo isto podatkovno celico (spajanje stolpcev). Pozor, v HTML se tabele rišejo po vrsticah, element col se ne uporablja za kreiranje stolpcev, temveč samo združuje oblikovne značilnosti celic v oločenem stolpcu.

Poravnava

Atribut align določa vodoravno poravnavo v stolpcu. Možnosti so: left (levo), center (sredinsko), right (desno), justify (obojestransko) in char (izbrani znak). align="char" poravna vsebino celice glede na znak določen z atributom char. Privzeta vrednost char je .. Atribut charoff določa odmik znaka za poravnavo od levega roba celice. Seveda se lahko (je priporočljivo) pri poravnavi uporabljati sloge CSS.

Izračun števila stolpcev

Obstajata dva načina za določanje števila stolpcev v tabeli.

  1. Če element table vsebuje kakršenkoli element colgroup ali col, potem brskalnik izračuna na sledeč način:
    • Za vsak element col vzame vrednost njegovega atributa span (privzeta vrednost je 1).
    • Za vsak element colgroup, ki vsebuje vsaj en element col, ignorira vrednost vrednost njegove lastnosti span. Za vsak element col vzame vrednost 1.
    • Za vsak prazen element colgroup vzame vrednost njegovega atributa span (privzeta vrednost je 1).
  2. V drugem primeru, če table ne vsebuje niti colgroup niti col, brskalnik ugotavlja koliko stolpcev je določeno s posamezno vrstico Število stolpcev je največje število glede na posamezne vrstice. Nekatere celice bodo razširjene čez več stolpcev. Priporočljivo je narediti tabelo tako, da bo v vsaki vrstici enako število celic (seveda je lahko manjše z uporabo lastnosti span.

V primeru napak pri izračunu, se lahko dobi nepričakovano obliko tabele.

Širina

Širina se lahko določi na tri načine: absolutno, v odstotkih, proporcionalno. Atribut width določa širino posameznega stolpca. Vrednost mora biti število v točkah ali v odstotkih. Vrednost mora biti število v točkah ali odstotek širine tabele ali relativna dolžina izražena v i* kjer je i celo število.

V kolikor širina tabele ni navedena, mora brskalnik naložiti vsebino celotne tabele, da lahko izračuna širino stolpca. V primeru spremembe vsebine tabele, se lahko spremenijo tudi širine stolpcev.

Absolutno

Na ta način se določa vrednost v pikslih (npr. width="30"). V tem primeru se lahko širina poveča, če je to potrebno.

Odstotkovno

Na ta način se določa vrednost v odstotkih (npr. width="20%"). Izračuna se širina tabele in se jo nato razdeli na dele od levega do desnega roba. Tudi v tem primeru se lahko širina poveča, če je to potrebno.

Proporcionalno

Širina stolpca width="3*" pomeni trikratno širino glede na width="1*". Vrednost 0* je minimalna potrebna širina glede na vsebino celic v tem stolpcu.

Primer

<table summary="tabela">
<col width="150" /><col /><col />
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
</table>

→ Primer širine stolpca
→ Primer širine stolpca
→ CSSOblikovanje stolpcev in tabele
→ CSSOblikovanje stolpcev in vrstice

SERŠ Maribor : Strokovna gimnazija : 2004 : Rok Arnuš