ComicWiki bruger en cookie til at huske log-in. Ved at besøge denne hjemmeside giver du samtykke til brug af cookies. Læs mere

ComicWiki:Tabeller

Fra ComicWiki - Den danske tegneserie wiki
Version fra 18. nov 2007, 16:24 af Ezme (diskussion | bidrag) Ezme (diskussion | bidrag) (Farver i tabeller)
Skift til:navigering, søgning
Gå til hjælp forsideComicwiki hjælp logo.jpg
Sider   GenereltRedigeringKategorisering   Opsætning   SkabelonerRammer og bokseTabeller
Husk!   CopyrightKategoriseringRetningslinier   Andet   Din profilOvervågningslisteDiskussionssiderNavigationAutomatisering
Se også Introduktion og Hvorfor ComicWiki? For yderligere ekstern dokumentation om redigering, se MediaWiki Help.


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 3, celle 2 Række 4, 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. 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