e-gradiva | HTML | CSS | JavaScript | Načrtovanje | |||||
SERŠ Maribor | Iskanje | Primeri |
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.
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.
Obstajata dva načina za določanje števila stolpcev v tabeli.
table
vsebuje kakršenkoli element colgroup
ali col
, potem brskalnik izračuna na sledeč način:
col
vzame vrednost njegovega atributa span
(privzeta vrednost je 1).
colgroup
, ki vsebuje vsaj en element col
, ignorira vrednost vrednost njegove lastnosti span
. Za vsak element col
vzame vrednost 1.
colgroup
vzame vrednost njegovega atributa span
(privzeta vrednost je 1).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 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.
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.
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.
Širina stolpca width="3*"
pomeni trikratno širino glede na width="1*"
. Vrednost 0*
je minimalna potrebna širina glede na vsebino celic v tem stolpcu.
<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
→
CSS: Oblikovanje stolpcev in tabele
→
CSS: Oblikovanje stolpcev in vrstice
SERŠ Maribor : Strokovna gimnazija : 2004 : Rok Arnuš