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.

Klasser

tidslinje

Tabellen er i "standard" ComicWiki grå farver og giver et godt overblik.

Main Headline
Column 1	Column 2	Column 3
Sub Headline1	textA1	textB1
	textA2	textB2
	textA3	textB3
Sub Headline2	textC1	textD1
	textC2	textD2
	textC3	textD3

Kode:

{| class="tidslinje"
|-
!colspan=3 style="text-align: center;"| Main Headline
|- 
!width=10%| Column 1 
!width=10% | Column 2
!width=80%| Column 3
|-
|rowspan=3| Sub Headline1
| textA1 || textB1
|-
| textA2 || textB2
|-
| textA3|| textB3
|-
|rowspan=3| Sub Headline2
| textC1 || textD1
|-
| textC2 || textD2
|-
| textC3|| textD3
|-
|}

slim

Samme som "tidslinje", men med knap så høje rækker.

Main Headline
Column 1	Column 2	Column 3
Sub Headline1	textA1	textB1
	textA2	textB2
	textA3	textB3
Sub Headline2	textC1	textD1
	textC2	textD2
	textC3	textD3

Kode:

{| class="slim"
|-
!colspan=3 style="text-align: center;"| Main Headline
|- 
!width=10%| Column 1 
!width=10% | Column 2
!width=80%| Column 3
|-
|rowspan=3| Sub Headline1
| textA1 || textB1
|-
| textA2 || textB2
|-
| textA3|| textB3
|-
|rowspan=3| Sub Headline2
| textC1 || textD1
|-
| textC2 || textD2
|-
| textC3|| textD3
|-
|}

indhold

Kan bruges til indholdsfortegnelser. Hvid baggrund med tynde delelinjer.

Side	Titel	Forfatter	Tegner
4	Onkel Joakim: Sparsommelighed	Ukendt	Tony Strobl
5	Onkel Joakim: En lille forhistorie...	Gian Giacomo Dalmasso	Giovan Battista Carpi
62	Onkel Joakim og guldæderne fra Oris	Osvaldo Pavese	Giulio Chierchini
64	Onkel Joakims 99.999 bøger	Guido Martina	Giovan Battista Carpi
105	Onkel Joakim og pelikanens mystiske bælte	Attilio Mazzanti	Giovan Battista Carpi
165	Onkel Joakims penge er i fare	Rodolfo Cimino	Luciano Capitanio
221	Onkel Joakim: Dyre dråber	Carl Barks	Carl Barks

Kode:

{| class="indhold"
|-
!Side!!Titel!!Forfatter!!Tegner
|-
|4||[[Joakim von And|Onkel Joakim]]: Sparsommelighed ||Ukendt||[[Tony Strobl]]
|-
|5||Onkel Joakim: En lille forhistorie...||[[Gian Giacomo Dalmasso]]||[[Giovan Battista Carpi]]
|-
|62||Onkel Joakim og guldæderne fra Oris||[[Osvaldo Pavese]]||[[Giulio Chierchini]]
|-
|64||Onkel Joakims 99.999 bøger||[[Guido Martina]]||[[Giovan Battista Carpi]]
|-
|105||Onkel Joakim og pelikanens mystiske bælte||[[Attilio Mazzanti]]||[[Giovan Battista Carpi]]
|-
|165||Onkel Joakims penge er i fare||[[Rodolfo Cimino]]||[[Luciano Capitanio]]
|-
|221||Onkel Joakim: Dyre dråber||[[Carl Barks]]||[[Carl Barks]]
|}

blank

Samme som "indhold" men helt uden deleliner.

Side	Titel	Forfatter	Tegner
4	Onkel Joakim: Sparsommelighed	Ukendt	Tony Strobl
5	Onkel Joakim: En lille forhistorie...	Gian Giacomo Dalmasso	Giovan Battista Carpi
62	Onkel Joakim og guldæderne fra Oris	Osvaldo Pavese	Giulio Chierchini
64	Onkel Joakims 99.999 bøger	Guido Martina	Giovan Battista Carpi
105	Onkel Joakim og pelikanens mystiske bælte	Attilio Mazzanti	Giovan Battista Carpi
165	Onkel Joakims penge er i fare	Rodolfo Cimino	Luciano Capitanio
221	Onkel Joakim: Dyre dråber	Carl Barks	Carl Barks

Kode:

{| class="blank"
|-
!Side!!Titel!!Forfatter!!Tegner
|-
|4||[[Joakim von And|Onkel Joakim]]: Sparsommelighed ||Ukendt||[[Tony Strobl]]
|-
|5||Onkel Joakim: En lille forhistorie...||[[Gian Giacomo Dalmasso]]||[[Giovan Battista Carpi]]
|-
|62||Onkel Joakim og guldæderne fra Oris||[[Osvaldo Pavese]]||[[Giulio Chierchini]]
|-
|64||Onkel Joakims 99.999 bøger||[[Guido Martina]]||[[Giovan Battista Carpi]]
|-
|105||Onkel Joakim og pelikanens mystiske bælte||[[Attilio Mazzanti]]||[[Giovan Battista Carpi]]
|-
|165||Onkel Joakims penge er i fare||[[Rodolfo Cimino]]||[[Luciano Capitanio]]
|-
|221||Onkel Joakim: Dyre dråber||[[Carl Barks]]||[[Carl Barks]]
|}

graylines

Alle celler er adskilt af tynde, lysegrå linjer.

Oversigt
Fransk førsteudgave			Forfatter(e) / Tegner(e)	Dansk udgave
Serieblad	Album	Nr. og titel		Titel og nr.	Bogudgave
1970	1971
1971	1972
1973	1974

Kode:

{| class="graylines"
|- 
!colspan=6 style="line-height: 22pt; text-align: center;"|<big><big>'''Oversigt'''</big></big>
|- 
!colspan="3"|Fransk førsteudgave!!style="vertical-align:middle; line-height: 13pt" rowspan="2"|Forfatter(e) /<br>Tegner(e)!!colspan="2"|Dansk udgave
|- 
!Serieblad!!Album!!Nr. og titel!!Titel og nr.!!Bogudgave
|-
|1970||1971|| || || || rowspan="3"|
|-
|1971||1972|| || ||
|-
|1973||1974|| || ||
|}

graylines med grå baggrund

"graylines" kan kombineres med grå baggrund i forskellige nuancer.

Natacha - oversigt
Fransk førsteudgave			Forfatter(e)/ Tegner(e)	Dansk udgave
Serieblad	Album	Nr. og titel		Titel og nr.	Bogudgave
1970	1971	1. Hôtesse de l'air	Go / FW	Hovedjægernes land (7, M14)	Samlede eventyr 1
1971	1972	2. Natacha et le Maharadjah	Go / FW	Den gale maharajah (5, M25)
1973	1974	Un brin de panique   3. La mémoire de métal	MW / FW ÉB / FW	Stor ståhej Diamanter til Marty (2)
	1998	18. Les dinosaures	MW / FW	Dinosaurerne kommer! (18)	Samlede eventyr 6
	2004	19. La mer de rochers	Pe / FW	Klippehavet (19)
	2007	20. Atoll 66	d'A / FW & DiS	(ikke udgivet på dansk)
	2010	21. Le regard du passé	TM & My / FW

Kode:

{| class="graylines" style="background: #F6F6F6; font-size:90%" <!-- Sætter tabellens baggrundsfarve og skriftstørrelse -->
|- style="background:#E1E1E1" <!-- Sætter tekslinjens baggrundsfarve -->
!colspan=6 style="line-height: 22pt; text-align: center;"|<big><big>'''Natacha - oversigt'''</big></big>
|- style="background:#EBEBEB" <!-- Sætter tekslinjens baggrundsfarve -->
!colspan="3"|Fransk førsteudgave!!style="vertical-align:middle; line-height: 13pt" rowspan="2"|Forfatter(e)/<br>Tegner(e)!!colspan="2"|Dansk udgave
|- style="background:#EBEBEB"
!Serieblad!!Album!!Nr. og titel!!Titel og nr.!!Bogudgave
|-
|1970||1971|| 1. Hôtesse de l'air||Go / FW||Hovedjægernes land (7, M14)||style="vertical-align:middle; line-height: 12pt" rowspan="3"|
Samlede<br>eventyr 1
|-
|1971||1972|| 2. Natacha et le Maharadjah||Go / FW||Den gale maharajah (5, M25)
|-
|style="vertical-align:middle"|1973||style="vertical-align:middle"|1974||style="line-height: 11pt"|    <small> </small>Un brin de panique<br> 
3. La mémoire de métal||style="line-height: 11pt"|MW / FW<br>ÉB / FW||style="line-height: 11pt"|Stor ståhej<br>Diamanter til Marty (2)
|-
|bgcolor="white" rowspan="4"| ||1998||18. Les dinosaures||MW / FW||Dinosaurerne kommer! (18)||style="vertical-align:middle; line-height: 12pt"
rowspan="4"|Samlede<br>eventyr 6
|-
|2004||19. La mer de rochers||Pe / FW||Klippehavet (19)
|-
|2007||20. Atoll 66||Guy d'Arter|d'A / FW & DiS||bgcolor="white" style="vertical-align:middle; font-size:90%"  rowspan="2"|(ikke udgivet på dansk)
|-
|2010||21. Le regard du passé||TM & My / FW
|}

Ekstern hjælp

MediaWikis side om konstruktion af tabeller