Pomoć:Tabele

Tabele su jedan dobar način za predstavljanje srodnih informacija. One pak ne bi trebale biti korišćene za puko grafičko oblikovanje. Njihova je primarna svrha da npr. omoguće sortiranje informacija po godinama ili po abecedi.

S druge strane su tabele komplikovanije od normalnog teksta. Zbog toga bi trebale biti primjenjivane samo tamo gdje doista pridonose preglednosti. Razmisli uvijek prvo da li je dovoljno da informacije prikažeš u obliku jedne jednostavne liste (vidi takođe Uređivanje teksta).

Osnove

Svaka tabela u wiki-stilu počinje sa vijugavom zagradom { poslije koje slijedi jedna uspravna linija |, i završava se sa jednom linijom | i vijagavom zagradom }. Otvarajuća zagrada mora stajati kao prvi znak u redu. (Izuzetak: Tabele u stilu pisaće mašine)

Jednostavne tabele

Tabele u stilu pisaće mašine bez formata

Najjednostavniji i najbrži „WikiWiki“-način kako napraviti jednu tabelu jeste dotičnu napraviti u stilu pisaće mašine. Za to je dovoljno ispred svakog reda postaviti prazno polje " " (space). Kolone i izgled bivaju ručno obrađeni. Rezultat na kraju izgleda isto tako kao što je izgledao i pri modusu za obradu. Ovdje treba uzeti u obzir da dotični način formatiranja kod PDA i sl. može dovesti do problema pri prikazivanju.

Primjer i Rezultat:

O  klimi
Mjesec                    JAN FEB MAR APR MAJ JUN JUL AUG SEP OKT NOV DEC 
-----------------------------------------------------------------------
Ø Dnevna temperatura      21  21  22  23  24  25  27  29  28  26  24  22 
Ø Noćna temperatura       15  15  15  16  17  18  20  21  20  19  18  16 
Ø Dužina dana              6   6   7   8   9   9   9   9   8   7   6   5 
Ø Kišnih dana u mjesecu    6   4   3   2   2   1   0   0   2   5   6   7 
Ø Temperatura vode        19  18  18  18  19  20  21  22  23  23  21  20

Tabele sa jednim redom

Svaki red u okviru dviju vijugavih zagrada počinje sa jednom uspravnom linijom. Dotična označava početak novog reda. Odmah iza linije stoji ili sadržaj reda ili jedan stilski argument (npr. Rowspanning - vidi niže). Linija može stajati na početku reda ili u samom redu, pri čemu je u drugom slučaju potrebno pisati dvije linije. Radi preglednosti strukture tabele bi ipak svaki novi red u tabeli trebali pisati uvijek na početku tekstnog reda. Takođe je važno da svako polje biva završeno sa prijelazom u novi red.

Primjer

Najjednostavnija tabela (ona sadrži samo jedno polje) piše se na sljedeći način:

{|
|Minimalna tabela
|}

a izgleda ovako:

Minimalna tabela

Jedna tabela sa dva polja u jednom redu piše se na sljedeći način:

{|
|polje 1
|polje 2
|}

a izgleda ovako:

polje 1

polje 2

Zapamtite da:

{| |Minimalna tabela |}
 

nije ispravno pisanje! Prijelaz u sljedeći red je sastavno dio pravljenja tabele. (Prijelaz u sljedeći red=Enter)

Tabele sa više redova

Svakako da pretežno trebamo tabele sa više redova. Novi red označavamo tako što iza uspravne linije postavimo horizontalnu "-" (minus). Dotično se može ponoviti bezbroj puta.

Primjeri

Jedna tabela sa dva reda, sa po dva polja piše se na sljedeći način:

{|
|polje 1
|polje 2
|-
|polje 3
|polje 4
|}

a izgleda ovako:

polje 1	polje 2
polje 3	polje 4

Tabela sa tri reda piše se na sljedeći način:

{|
|polje 1
|polje 2
|-
|polje 3
|polje 4
|-
|polje 5
|polje 6
|}

a izgleda ovako:

polje 1	polje 2
polje 3	polje 4
polje 5	polje 6

i tako dalje.

Kompleksne tabele

Okvirovi

Do sada naše table nemaju nikakvih okvirova. Okvir biva definisan u prvom redu direktno poslije {| . Pri tome treba paziti da se ostavi jedno prazno polje " ". Trenutno je moguće definisati samo jačinu okvira. Za dotično se koristi sljedeći argument: border=n , pri čemu n označava jačinu okvira.

Primjer

Zadnji primjer sa okvirom se piše na sljedeći način:

{| border=1
 |polje 1
 |polje 2
 |-
 |polje 3
 |polje 4
 |-
 |polje 5
 |polje 6
 |}

a izgleda ovako:

polje 1	polje 2
polje 3	polje 4
polje 5	polje 6

Nadpisi kolona

Tabelu sa nadpisima dobivamo tako što polja koja trebaju biti istaknuta započnemo sa „!“ umjesto sa „|“:

{| border=1
 !Šta 
 !Zašto
 |-
 |polje 1
 |polje 2
 |-
 |polje 3
 |polje 4
 |-
 |polje 5
 |polje 6
 |}

izgleda ovako:

Šta	Zašto
polje 1	polje 2
polje 3	polje 4
polje 5	polje 6

Rowspanning und Colspanning

Sa novim wiki-naredbama je moguće analogno kao i kod HTML jednim poljem obuhvatiti više kolona ili redova, tzv. rowspan odnostno colspan.

Da bi uključili rowspan potrebno je ispred dotičog polja, ali u svakom slučaju u istom redu ubaciti tzv. rowspan-argument rowspan="n", pri čemu n stoji na proj redova koje dotično polje treba da obuhvati. Na istinačin trebamo postupiti kada jednim poljem želimo obuhvatiti više kolona, tada pak koristimo colspan.

Jedna tabela sa jednim poljem koje obuhvata dvije kolone (colspan="2") izgleda ovako:

A	B	C
polje 1	polje 2
polje 3	polje 4	polje 5

biva napravljena tako što kolone koje trebaju biti obuhvaćene započnemo sa "| colspan="n" |" namjesto "|" (dodatno je "polje 2" centrirano; vidi uređivanje tabele):

 {| border=1
 ! A
 ! B
 ! C
 |-
 | polje 1
 | colspan="2" align="center" | polje 2
 |-
 | polje 3
 | polje 4
 | polje 5
 |}

Tabela u tabeli

Ubacivanje tebela u tabele je sa novim wiki-naredbama postalo veoma jednostavno. Potrebno je samo na mjestu u tabeli gdje želite ubaciti drugu tabelu postaviti vijugavu zagradu. Od vitalne je važnosti da ovdje iznimno na početku reda ne smije da stoji uspravna linija!

Primjer

Jedna tabela u kojoj se nalazi druga tabla piše se na sljedeći način:

{| border=1
 |polje 1
 |
 {| border=2
 |polje A
 |-
 |polje B
 |}
 |polje 3
 |}

a izgleda ovako:

polje 1

polje A polje B

polje 3

Natpis tabele

Sa novim wiki-naredbama je veoma jednostavno iznad tabele implementirati jedan natpis. Dotični natpis je centriran i maksimalno onoliko širok koliko i tabela sa automatskim preklopom redova. Za jedan natpis dovoljno je poslije uspravne linije, a prije teksta staviti jedan plus +. U okviru natpisa mogu se potom za formatiranje potpuno normalno koristiti ostale wiki-naredbe.

Primjer

Jedna tabela sa natpisom piše se ovako:

{|border=1
 |+ '''Ovo je jedan ''prilično'' dug natpis.'''
 |polje 1
 |polje 2
 |-
 |polje 3
 |polje 4
 |}

a izgleda ovako:

Ovo je jedan prilično dug natpis.

polje 1	polje 2
polje 3	polje 4

Slike i tabele

Formatiranje slika u tabelama je postalo takođe veoma jednostavno. Dotično se postiže pomoću tzv. class-argumenata. Class-argumenti mogu stajati na početku jedne jabele i tda važe za cijelu tabelu (slično kao za okvir) ili na početku jednog polja. Pri tome je interesantno da see formatiranje ne odnosi samo na sliku već i na odgovarajući tekst. Dotično je naprimjer korisno za opise slika koji pretežno stoje ispod slike. Postoje dva (?? ima li ih još ??) class-argumenta, to su: flag i rimage. Oni bivaju uvezani na sljedeći način: class=flag, tj. class=rimage. Sa class=rimage biva širina polja proširena na širinu slike, pri čemu biva zadržana jedna mala razlika između veličine polja i slike, tekst biva umanjen i centriran i sve to biva pomjereno na desnu stranu. Upotrebom class=flag tekst takođe biva centriran, ali ne biva umanjen i takođe ne biva pomjerern na desnu stranu.

Primjeri

Za prikaz desno orijentisanih slika sa opisom upotrijebljava se sljedeća struktura:

{| class=rimage
 | [[Slika:Safvet-beg Basagic.jpg]]<br /> Jedan dugi tekst koji stoji ispod slike.
 |}

Analogno ovome funkcioniše limage za lijevo orijentisane slike.

Rezultat teksta je:

Jedan dugi tekst koji stoji ispod slike.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas augue. Quisque dapibus, est sed mattis mollis, orci tortor pretium lorem, id feugiat leo tellus eget nibh. Phasellus vel dui. Aliquam sollicitudin ante et dolor. Fusce dictum eros vitae dolor. Aliquam erat volutpat. Etiam pede orci, aliquam sed, mattis quis, bibendum et, metus. Aenean libero. Aliquam erat volutpat. Vestibulum placerat risus quis lacus. Mauris ultrices venenatis est. Etiam accumsan euismod lorem. Ut sollicitudin mi at massa. Morbi aliquam wisi non justo. Suspendisse consectetuer dui vitae wisi. Nulla sed lectus sed lorem rhoncus fringilla. Aenean leo orci, ultrices et, ornare eu, imperdiet non, nunc. Praesent sed purus at quam convallis vehicula.

Sed pede wisi, eleifend vel, lobortis quis, molestie vitae, nisl. Quisque eget urna quis tellus dictum egestas. Nulla facilisi. Aliquam fermentum dapibus enim. Morbi in tellus vitae lacus ultrices volutpat. Aenean tortor ante, consectetuer eget, laoreet lobortis, lobortis id, metus. Fusce id enim. Aliquam erat volutpat. Quisque venenatis erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas vulputate diam in sapien.

Sljedeća funkcija još ne radi u bosanskoj Wikipediji: Jedna tabela sa zastavom i opisom (flag) piše se na slijedeći način:

{| class=flag
 |  Jedan kratki tekst
 |}

a izgleda ovako:

Jedan kratki tekst

Formatiranje

Boje, obodi, odstojanja i širina kolona mogu biti raznovrsno manipulisani i sa CSS stilovima. Prije nego što se pak odlučite na dotično trebali bi razmisliti da li uopće postoji potreba sa datim.

Širina kolona

Širina kolona može biti navedena absolutno i relativno. Pri tome je dotičan navod potreban i svrsihodan samo kod jednog polja u koloni.

{| border="1"
 !width="10%"|10%
 !width="20%"|20%
 !width="40%"|40%
 |-
 |A
 |B
 |C
 |}

10%	20%	40%
A	B	C

{| border="1"
 !width="50"|50
 !width="100"|100
 !width="200"|200
 |-
 |A
 |B
 |C
 |}

50	100	200
A	B	C

Absolutni navodi u piksselima su u osnovi svrsihodni samo kod grafika.

Okviri, cellspacing, cellpadding

{|
 |Alpha || Beta || Gamma
 |-
 |Delta || Epsilon || Zeta
 |}

Alpha	Beta	Gamma
Delta	Epsilon	Zeta

{| border="1" |Alpha || Beta || Gamma |- |Delta || Epsilon || Zeta |}

Alpha	Beta	Gamma
Delta	Epsilon	Zeta

{| border="1" cellspacing="5" cellpadding="0"
 |Alpha || Beta || Gamma
 |-
 |Delta || Epsilon || Zeta
 |}

Alpha	Beta	Gamma
Delta	Epsilon	Zeta

{| border="1" cellspacing="0" cellpadding="5"
 |Alpha || Beta || Gamma
 |-
 |Delta || Epsilon || Zeta
 |}

Alpha	Beta	Gamma
Delta	Epsilon	Zeta

{| border="1" cellspacing="0" cellpadding="5" style="border-collapse:collapse;"
|Alpha || Beta || Gamma
|-
|Delta || Epsilon || Zeta
|}

Alpha	Beta	Gamma
Delta	Epsilon	Zeta

Orijentacija

Analogno kao i u HTML-u postoji mogućnost da se sadržaj pojedinih polja u tabeli različito orijentiše:

{| border="1" cellspacing="0"
 !
 !align="left"|lijevo
 !align="center"|centrirano
 !align="Right"|desno
 |-
 !valign="top" height="38"|gore
 |valign="top" align="left"| x
 |valign="top" align="center"| x
 |valign="top" align="right"| x
 |-
 !valign="middle" height="38"|sredina
 |valign="middle" align="left"| x
 |valign="middle" align="center"| x
 |valign="middle" align="right"| x
 |-
 !valign="bottom" height="38"|dolje
 |valign="bottom" align="left"| x
 |valign="bottom" align="center"| x
 |valign="bottom" align="right"| x
 |}

	lijevo	centrirano	desno
gore	x	x	x
sredina	x	x	x
dolje	x	x	x

Drugi HTML-formati

Nove wiki-naredbama nam omogućuju preuzimanje starih HTML-formata, npr. da obojimo pojedina polja tabela (bgcolor=#ABCDEF, Tabela boja) ili da okviru damo drugu boju. Dotične mogućnosti ne bi trebale biti upotrebljavane kod novih tabela.

{|
 |bgcolor=#ABCDEF|A
 |B
 |-
 |C
 |D
 |}

A	B
C	D

Detaljniji opis pravljenja i uređivanja tabela možete naći u engleskom članku pohranjenom na MediaWikiju.