Pomoć:Tabele
![]() | Ovo je jako korisna stranica Wikipedije na bosanskom jeziku. Preporučujemo da je i sami bolje proučite. |
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
[uredi | uredi izvor]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
[uredi | uredi izvor]Tabele u stilu pisaće mašine bez formata
[uredi | uredi izvor]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
[uredi | uredi izvor]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
[uredi | uredi izvor]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
[uredi | uredi izvor]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
[uredi | uredi izvor]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
[uredi | uredi izvor]Okvirovi
[uredi | uredi izvor]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
[uredi | uredi izvor]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
[uredi | uredi izvor]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
[uredi | uredi izvor]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
[uredi | uredi izvor]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
[uredi | uredi izvor]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 3 |
Natpis tabele
[uredi | uredi izvor]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
[uredi | uredi izvor]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:
polje 1 | polje 2 |
polje 3 | polje 4 |
Slike i tabele
[uredi | uredi izvor]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
[uredi | uredi izvor]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
[uredi | uredi izvor]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
[uredi | uredi izvor]Š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
[uredi | uredi izvor]{| |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
[uredi | uredi izvor]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
[uredi | uredi izvor]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.