ComicWiki:Tabeller
| Sider Generelt • Redigering • Kategorisering Opsætning Skabeloner • Rammer og bokse • Tabeller Husk! Copyright • Kategorisering • Retningslinier Andet Din profil • Overvågningsliste • Diskussionssider • Navigation • Automatisering | ||
| Se også Introduktion og Hvorfor ComicWiki? For yderligere ekstern dokumentation om redigering, se MediaWiki Help. | ||
Velkommen til hjælp!
Denne side omhandler emnet Tabeller.
Indhold
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 |
Colspan og Rowspan
- Med brugen af
colspanogrowspanparametrene 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. Som "content", men fylder 100% i bredden.
| 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, grå 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|| || ||
|}
lightgraylines
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="lightgraylines"
|-
!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|| || ||
|}
darkgraylines
Alle celler er adskilt af tynde, mørkegrå 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="darkgraylines"
|-
!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 |
| 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
|}
content
Cellerne er adskilt af tynde, lysegrå linjer, afstanden fra celletekst til lodret linje er 9 pixels, teksten i første søjle er højrestillet.
| Side | Titel | Forfatter | Tegner |
|---|---|---|---|
| 4 | Onkel Joakim: Sparsommelighed | Bob Karp | 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="content"
|-
!Side!!Titel!!Forfatter!!Tegner
|-
|4||[[Joakim von And|Onkel Joakim]]: Sparsommelighed ||[[Bob Karp]]||[[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]]
|}
