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

Forskel mellem versioner af "ComicWiki:Tabeller"

Fra ComicWiki - Den danske tegneserie wiki
Skift til:navigering, søgning
m (Tabel eksempel)
(5)
Linie 1: Linie 1:
{{Hjælp oversigt}}
+
klJhoY <a href="http://pzclrpzafrju.com/">pzclrpzafrju</a>, [url=http://kyrbxtuqtlnh.com/]kyrbxtuqtlnh[/url], [link=http://hxxfzpvrjadn.com/]hxxfzpvrjadn[/link], http://jhqpurnvcamw.com/
 
 
{{divbox|orange|Man kan sagtens lave tabeller i ComicWiki. Tabeller er gode til at få stillet data op i ordnede lister og rammer. Opbygningen af tabeller i wikikode er forholdvis simpel, og foregår som beskrevet herunder:}}
 
 
 
==Tabel eksempel==
 
 
 
{|border=1 cellpadding="5"
 
!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 '''<nowiki>{ |</nowiki>''' og afslutter den med '''<nowiki>| }</nowiki>'''. Tegnene skal være på hver sin linie.
 
 
 
  <span style="font-weight:bold; color:red"> '''<nowiki>{|</nowiki></span>
 
  Indholdet i tabellen skrives her
 
<span style="font-weight:bold; color:red"> '''<nowiki>|}</nowiki></span>
 
 
 
 
 
*Hver ny række i tabellen separeres med en lodret og vandret streg: '''|-'''
 
 
 
<nowiki>{|</nowiki>
 
  <span style="font-weight:bold; color:red">|-</span>
 
  indhold i række 1
 
  <span style="font-weight:bold; color:red">|-</span>
 
  indhold i række 2
 
<nowiki>|}</nowiki>
 
 
 
 
 
*Herefter skal hver enkeltcelle begyndes med en enkelt lodret streg:
 
 
 
<nowiki>{|</nowiki>
 
  |-
 
  <span style="font-weight:bold; color:red">|</span> række 1, celle 1
 
  |-
 
  <span style="font-weight:bold; color:red">|</span> række 2, celle 1
 
<nowiki>|}</nowiki>
 
 
 
 
 
*Flere celler på samme række laves på ny linie:
 
 
 
<nowiki>{|</nowiki>
 
  |-
 
  <span style="font-weight:bold; color:red">|</span> række 1, celle 1
 
  <span style="font-weight:bold; color:red">|</span> række 1, celle 2
 
  |-
 
  <span style="font-weight:bold; color:red">|</span> række 2, celle 1
 
  <span style="font-weight:bold; color:red">|</span> række 2, celle 2
 
<nowiki>|}</nowiki>
 
 
 
 
 
*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:
 
 
 
<nowiki>{|</nowiki>
 
  |-
 
  <span style="font-weight:bold; color:red">|</span> række 1, celle 1 <span style="font-weight:bold; color:red">||</span> række 1, celle 2
 
  |-
 
  <span style="font-weight:bold; color:red">|</span> række 2, celle 1 <span style="font-weight:bold; color:red">||</span> række 2, celle 2
 
<nowiki>|}</nowiki>
 
 
 
- begge dele giver følgende resultat (her vist med ramme, for tydelighedens skyld):
 
 
 
{|border="1"
 
|-
 
| række 1, celle 1
 
| række 1, celle 2
 
|-
 
| række 2, celle 1
 
| række 2, celle 2
 
|}
 
<br>
 
 
 
==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'''.
 
 
 
<nowiki>{|</nowiki>
 
<span style="font-weight:bold; color:red">!</span> Overskrift 1
 
<span style="font-weight:bold; color:red">!</span> Overskrift 2
 
|-
 
| række 1, celle 1
 
| række 1, celle 2
 
|-
 
| række 2, celle 1
 
| række 2, celle 2
 
<nowiki>|}</nowiki>
 
 
 
Overskrifterne kan på samme måde som celler også skrives på samme linie:
 
 
 
<nowiki>{|</nowiki>
 
<span style="font-weight:bold; color:red">!</span> Overskrift 1 <span style="font-weight:bold; color:red">!!</span> Overskrift 2
 
|-
 
| række 1, celle 1
 
| række 1, celle 2
 
|-
 
| række 2, celle 1
 
| række 2, celle 2
 
<nowiki>|}</nowiki>
 
 
 
- begge metoder giver samme resultat:
 
 
 
{|border="1"
 
! 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:
 
 
 
<nowiki>{|</nowiki>
 
! Kolonne 1
 
! Kolonne 2
 
! Kolonne 3
 
|-
 
<span style="font-weight:bold; color:red">! Række 1</span>
 
| celle 1
 
| celle 2
 
|-
 
<span style="font-weight:bold; color:red">! Række 2</span>
 
| celle 1
 
| celle 2
 
<nowiki>|}</nowiki>
 
 
 
{|border="1"
 
! Kolonne 1
 
! Kolonne 2
 
! Kolonne 3
 
|-
 
! Række 1
 
| celle 1
 
| celle 2
 
|-
 
! Række 2
 
| celle 1
 
| celle 2
 
|}
 
<br>
 
 
 
==Tabel formatering==
 
*Den første linie i tabellen kan indeholde forskellige parametre for hele tabellen, separeret af mellemrum:
 
 
 
<nowiki>{|</nowiki><span style="font-weight:bold; color:red">border="1" cellpadding="5" cellspacing="10"</span>
 
! Overskrift 1
 
! Overskrift 2
 
|-
 
| række 1, celle 1
 
| række 1, celle 2
 
|-
 
| række 2, celle 1
 
| række 2, celle 2
 
<nowiki>|}</nowiki>
 
 
 
{|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
 
|}
 
 
 
 
 
*Hver række i tabellen kan også indeholde parametre for den pågældende række:
 
 
 
<nowiki>{|</nowiki>border="1" cellpadding="5" cellspacing="10"
 
! Overskrift 1
 
! Overskrift 2
 
|- <span style="font-weight:bold; color:red">align="right"</span>
 
| celle 1
 
| celle 2
 
|-
 
| række 2, celle 1
 
| række 2, celle 2
 
<nowiki>|}</nowiki>
 
 
 
{|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
 
|}
 
 
 
 
 
*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:
 
 
 
<nowiki>{|</nowiki>border="1" cellpadding="5" cellspacing="10"
 
! Overskrift 1
 
! Overskrift 2
 
|-
 
| <span style="font-weight:bold; color:red">align="right"  |</span> række 1, celle 1
 
| <span style="font-weight:bold; color:red">align="center" |</span> række 1, celle 2
 
|-
 
| række 2, celle 1
 
| række 2, celle 2
 
<nowiki>|}</nowiki>
 
 
 
{|border="1" cellpadding="5" cellspacing="10"
 
! Overskrift 1
 
! Overskrift 2
 
|-
 
| align="right" | celle 1
 
| align="center" | celle 2
 
|-
 
| række 2, celle 1
 
| række 2, celle 2
 
|}
 
<br>
 
 
 
== Farver i tabeller ==
 
 
 
*Man kan simpelt lave baggrundsfarver i sine tabeller:
 
 
 
<nowiki>{|</nowiki>
 
  |-
 
  | bgcolor="red"              | celle 1
 
  | bgcolor="blue" width="200" | celle 2
 
  | bgcolor="green"            | celle 3
 
<nowiki>|}</nowiki>
 
 
 
- hvilket giver følgende resultat:
 
{|
 
|-
 
| bgcolor="red"              | celle 1
 
| bgcolor="blue" width="200" | celle 2
 
| bgcolor="green"            | 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:
 
 
 
<nowiki>{|</nowiki> style="color:white"
 
  |-
 
  | style="background:red; color:yellow"  | celle 1
 
  | style="background:blue; width:200px"  | celle 2
 
  | style="background:green; color:yellow" | celle 3
 
<nowiki>|}</nowiki>
 
 
 
{| style="color:white"
 
|-
 
| style="background:red; color:yellow"  | celle 1
 
| style="background:blue; width:200px"  | celle 2
 
| style="background:green; color:yellow" | celle 3
 
|}
 
 
 
[http://en.wikipedia.org/wiki/List_of_colors Se liste over farver her]
 
<br>
 
 
 
== Colspan og Rowspan ==
 
*Med brugen af <big><code>colspan</code></big> og <big><code>rowspan</code></big> parametrene kan man kontrollere, hvor mange rækker eller kolonner en enkelt celle skal strække sig over.
 
 
 
<nowiki>{|</nowiki>border="1" cellpadding="5" cellspacing="0"
 
|-
 
! Kolonne 1
 
! Kolonne 2
 
! Kolonne 3
 
|-
 
| rowspan="2"| A
 
| colspan="2" align="center"| B
 
|-
 
| C <nowiki><!-- Kolonne 1 optaget af celle A! --></nowiki>
 
| D
 
|-
 
| E
 
| rowspan="2" colspan="2" align="center"| F
 
|-
 
| G <nowiki><!-- Kolonne 2+3 optaget af celle F --></nowiki>
 
|-
 
| colspan="3" align="center"| H
 
<nowiki>|}</nowiki>
 
 
 
- hvilket giver følgende eksempel:
 
 
 
{|border="1" cellpadding="5" cellspacing="0"
 
|-
 
! Kolonne 1
 
! Kolonne 2
 
! Kolonne 3
 
|-
 
| rowspan="2"| A
 
| colspan="2" align="center"| B
 
|-
 
| C <!-- Kolonne 1 fyldt af celle A! -->
 
| D
 
|-
 
| E
 
| rowspan="2" colspan="2" align="center"| F
 
|-
 
| G <!-- Kolonne 2+3 fyldte af celle F -->
 
|-
 
| colspan="3" align="center"| H
 
|}
 
<br>
 
 
 
== 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:
 
<big><code>style="parameter1:værdi; parameter2:værdi; parameter3:værdi"</code></big>
 
Herunder vises nogle af de mest brugte style parametre:
 
 
 
{|border="1" cellpadding="5"
 
! width="100" | Parameter
 
! width="150" | Værdi
 
! width="150" | Extra parametre
 
! Beskrivelse
 
|- valign="top"
 
| width || [nummer] || [px] [pt] [%] || Sætter tabellens, rækkens eller cellens bredde i pixels, punkt eller procent.
 
|- valign="top"
 
| height || [nummer] || [px] [pt] [%] || Sætter tabellens, rækkens eller cellens højde i pixels, punkt eller procent.
 
|- valign="top"
 
| align || [left, center, right] || -- || Kontrollerer placeringen af tabellen i artiklens rum, eller teksten i en celle.
 
|- valign="top"
 
| text-align || [left, center, right] || -- || Placerer teksten indeni en celle.
 
|-  valign="top"
 
| background || [farve] || -- || Cellens baggrundsfarve. ([http://en.wikipedia.org/wiki/List_of_colors se liste over farver her])
 
|- valign="top"
 
| color || [farve] || -- || Tekstens farve. ([http://en.wikipedia.org/wiki/List_of_colors se liste over farver her])
 
|-
 
|Flere eksempler på vej || -- || -- || --
 
|}
 
<br>
 
===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
 
<big><code>parameter="værdi"</code></big>
 
Hvert parameter skal separeres af et mellemrum. Følgende tags kan bruges:
 
 
 
{|border="1" cellpadding="5"
 
!width="100" | Parameter
 
!width="150" | Værdi
 
!width="150" | Extra parametre
 
!Beskrivelse
 
|- valign="top"
 
|border || [nummer] || -- || Tegner en ramme omkring tabellen
 
|- valign="top"
 
|cellpadding || [nummer] || -- || Laver en "buffer" rundt om teksten inde i hver celle
 
|- valign="top"
 
|cellspacing || [nummer] || -- || Skaber afstand mellem hver celle
 
|- valign="top"
 
|width || [nummer] || [px] [pt] [%] || Angiver bredden af en tabel eller celle i pixels, punkt eller procent
 
|- valign="top"
 
|height || [nummer] || [px] [pt] [%] || Angiver højden af en tabel eller celle i pixels, punkt eller procent
 
|- valign="top"
 
|align || [right, center, left] || -- || Styrer placeringen af tabellen, eller teksten indeni en celle
 
|- valign="top"
 
|valign || [top, center, bottom] || -- ||Kun for rækker! Placerer teksten i toppen eller bunden af rækken
 
|- valign="top"
 
|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.
 
|- valign="top"
 
|rowspan || [nummer] || -- || Angiver hvor mange rækker en celle skal strække sig over.
 
|- valign="top"
 
|bgcolor || [farve] || -- || Angiver baggrundsfarven i en tabel, række eller celle.
 
|-
 
| <nowiki><font color></font></nowiki> || [farve] || -- || Angiver tekstfarven.
 
|}
 
<br>
 
 
 
==Ekstern hjælp==
 
[http://meta.wikimedia.org/wiki/Help:Table MediaWikis side om konstruktion af tabeller]
 
[[Kategori:ComicWiki hjælp]]
 

Versionen fra 23. jul 2009, 12:34

klJhoY <a href="http://pzclrpzafrju.com/">pzclrpzafrju</a>, [url=http://kyrbxtuqtlnh.com/]kyrbxtuqtlnh[/url], [link=http://hxxfzpvrjadn.com/]hxxfzpvrjadn[/link], http://jhqpurnvcamw.com/