ComicWiki:Tabeller

Velkommen til hjælp!
Denne side omhandler emnet Tabeller.

---

Tabel eksempel

Kolonne 1	Kolonne 2	Kolonne 3
Række 1, celle 1	Række 1, celle 2	Række 1, celle 3
Række 2, celle 1	Række 2, celle 2	Række 2, celle 3

Sådan begynder du

Tabeller laves med tuborg tegnet, efterfulgt af en lodret streg. Så du begynder en tabel med { | og afslutter den med | }. Tegnene skal være på hver sin linie.

 {|
  Indholdet i tabellen skrives her
 |}

• Hver ny række i tabellen separeres med en lodret og vandret streg: |-

{|
 |-
  indhold i række 1
 |-
  indhold i række 2
|}

• Herefter skal hver enkeltcelle begyndes med en enkelt lodret streg:

{|
 |-
 | række 1, celle 1
 |-
 | række 2, celle 1
|}

• Flere celler på samme række laves på ny linie:

{|
 |-
 | række 1, celle 1
 | række 1, celle 2
 |-
 | række 2, celle 1
 | række 2, celle 2
|}

• Man kan også skrive alle cellerne i en række på samme linie. I så fald skal hver ny celle separeres af to lodrette streger:

{|
 |-
 | række 1, celle 1 || række 1, celle 2
 |-
 | række 2, celle 1 || række 2, celle 2
|}

- begge dele giver følgende resultat (her vist med ramme, for tydelighedens skyld):

række 1, celle 1	række 1, celle 2
række 2, celle 1	række 2, celle 2

Tabel overskrifter

• Man kan angive en overskrift til hver kolonne, ved at bruge ! syntaxen. Overskrifter skrives ind først i tabellen. Overskrifter bliver af browseren typisk renderet anderledes end almindelige celler, oftest centreret og med fed skrift.

{|
! Overskrift 1
! Overskrift 2
|-
| række 1, celle 1
| række 1, celle 2
|-
| række 2, celle 1
| række 2, celle 2
|}

Overskrifterne kan på samme måde som celler også skrives på samme linie:

{|
! Overskrift 1 !! Overskrift 2
|-
| række 1, celle 1
| række 1, celle 2
|-
| række 2, celle 1
| række 2, celle 2
|}

- begge metoder giver samme resultat:

Overskrift 1	Overskrift 2
række 1, celle 1	række 1, celle 2
række 2, celle 1	række 2, celle 2

• Ligesom kolonne overskrifter, kan man også lave overskrifter for hver række med ! syntaxen. Overskrifterne skrives ind i begyndelsen af hver række, og bliver renderet som andre overskrifter:

{|
! Kolonne 1
! Kolonne 2
! Kolonne 3
|-
! Række 1
| celle 1
| celle 2
|-
! Række 2
| celle 1
| celle 2
|}

Kolonne 1	Kolonne 2	Kolonne 3
Række 1	celle 1	celle 2
Række 2	celle 1	celle 2

Tabel formatering

• Den første linie i tabellen kan indeholde forskellige parametre for hele tabellen, separeret af mellemrum:

{|border="1" cellpadding="5" cellspacing="10"
! Overskrift 1
! Overskrift 2
|-
| række 1, celle 1
| række 1, celle 2
|-
| række 2, celle 1
| række 2, celle 2
|}

Overskrift 1	Overskrift 2
række 1, celle 1	række 1, celle 2
række 2, celle 1	række 2, celle 2

• Hver række i tabellen kan også indeholde parametre for den pågældende række:

{|border="1" cellpadding="5" cellspacing="10"
! Overskrift 1
! Overskrift 2
|- align="right"
| celle 1
| celle 2
|-
| række 2, celle 1
| række 2, celle 2
|}

Overskrift 1	Overskrift 2
celle 1	celle 2
række 2, celle 1	række 2, celle 2

• Ligeledes kan den første linie i en celle indeholde parametre for den celle. Parametrene og indholdet i selve cellen skal da separeres af lodret streg:

{|border="1" cellpadding="5" cellspacing="10"
! Overskrift 1
! Overskrift 2
|-
| align="right"  | række 1, celle 1
| align="center" | række 1, celle 2
|-
| række 2, celle 1
| række 2, celle 2
|}

Overskrift 1	Overskrift 2
celle 1	celle 2
række 2, celle 1	række 2, celle 2

Farver i tabeller

• Man kan simpelt lave baggrundsfarver i sine tabeller:

{|
 |-
 | bgcolor="red"              | celle 1 
 | bgcolor="blue" width="200" | celle 2 
 | bgcolor="green"            | celle 3
|}

- hvilket giver følgende resultat:

celle 1

celle 2

celle 3

• Med "style" taggen kan man gå lidt videre, og denne metode foretrækkes faktisk. Bemærk! at tags i individuelle rækker overskriver tags for tabellen, ligesom tags i individuelle celler overskriver tags for rækker:

{| style="color:white"
 |-
 | style="background:red; color:yellow"   | celle 1 
 | style="background:blue; width:200px"   | celle 2 
 | style="background:green; color:yellow" | celle 3
|}

celle 1

celle 2

celle 3

Se liste over farver her

Colspan og Rowspan

• Med brugen af colspan og rowspan parametrene kan man kontrollere, hvor mange rækker eller kolonner en enkelt celle skal strække sig over.

{|border="1" cellpadding="5" cellspacing="0"
|-
! Kolonne 1 
! Kolonne 2
! Kolonne 3
|-
| rowspan="2"| A
| colspan="2" align="center"| B
|-
| C <!-- Kolonne 1 optaget af celle A! -->
| D 
|-
| E
| rowspan="2" colspan="2" align="center"| F
|- 
| G <!-- Kolonne 2+3 optaget af celle F -->
|- 
| colspan="3" align="center"| H
|}

- hvilket giver følgende eksempel:

Kolonne 1	Kolonne 2	Kolonne 3
A	B
	C	D
E	F
G
H

Parameter liste

Style tag

Man kan bruge en "style" tag til at kontrollere formateringen af en tabel. Dette er den foretrukne metode. Style taggen skrives:

style="parameter1:værdi; parameter2:værdi; parameter3:værdi"

Herunder vises nogle af de mest brugte style parametre:

Parameter	Værdi	Extra parametre	Beskrivelse
width	[nummer]	[px] [pt] [%]	Sætter tabellens, rækkens eller cellens bredde i pixels, punkt eller procent.
height	[nummer]	[px] [pt] [%]	Sætter tabellens, rækkens eller cellens højde i pixels, punkt eller procent.
align	[left, center, right]	--	Kontrollerer placeringen af tabellen i artiklens rum, eller teksten i en celle.
text-align	[left, center, right]	--	Placerer teksten indeni en celle.
background	[farve]	--	Cellens baggrundsfarve. (se liste over farver her)
color	[farve]	--	Tekstens farve. (se liste over farver her)
Flere eksempler på vej	--	--	--

Wiki tags

Man kan også bruge almindelig wikikode til at kontrollere formateringen af sin tabel. Tabel, række og celle parametre skrives da med syntaxen

parameter="værdi"

Hvert parameter skal separeres af et mellemrum. Følgende tags kan bruges:

Parameter	Værdi	Extra parametre	Beskrivelse
border	[nummer]	--	Tegner en ramme omkring tabellen
cellpadding	[nummer]	--	Laver en "buffer" rundt om teksten inde i hver celle
cellspacing	[nummer]	--	Skaber afstand mellem hver celle
width	[nummer]	[px] [pt] [%]	Angiver bredden af en tabel eller celle i pixels, punkt eller procent
height	[nummer]	[px] [pt] [%]	Angiver højden af en tabel eller celle i pixels, punkt eller procent
align	[right, center, left]	--	Styrer placeringen af tabellen, eller teksten indeni en celle
valign	[top, center, bottom]	--	Kun for rækker! Placerer teksten i toppen eller bunden af rækken
colspan	[nummer]	--	Angiver hvor mange kolonner en celle skal strække sig over. Hvis en tabel f.eks. har 6 kolonner, kan man få en celle til at strække sig over 2 eller flere ved at angive dette parameter.
rowspan	[nummer]	--	Angiver hvor mange rækker en celle skal strække sig over.
bgcolor	[farve]	--	Angiver baggrundsfarven i en tabel, række eller celle.
<font color></font>	[farve]	--	Angiver tekstfarven.

Ekstern hjælp

MediaWikis side om konstruktion af tabeller