Pomoc:Tabele: Różnice pomiędzy wersjami

Z Wiki Grepolis PL
Przejdź do nawigacji
(Link powrotny)
Linia 108: Linia 108:


<pre>{| class="wikitable" style="width:50%"
<pre>{| class="wikitable" style="width:50%"
! kolumna 1, wiersz 1
! style="width:30%" | kolumna 1, wiersz 1  
! kolumna 2, wiersz 1
! style="width:70%" | kolumna 2, wiersz 1
|-
|-
| kolumna 1, wiersz 2
| kolumna 1, wiersz 2

Wersja z 20:06, 19 mar 2012

Spis treści pomocy

Do tworzenia tabel w wiki możemy używać języka (X)HTML, jednak jest to niezalecane. Jego odpowiednikiem są tu specjalne znaczniki, których lista znajduje się poniżej.

Odpowiedniki znaczników (X)HTML

(X)HTML Wiki
bez parametrów
<table> {|
</table> |}
<caption> |+
<tr> |-
<th> !
<td> |
z parametrami
<table parametr="coś"> {| parametr="coś"
<caption parametr="coś">zawartość... |+ parametr="coś" | zawartość...
<tr parametr="coś"> |- parametr="coś"
<th parametr="coś">zawartość... ! parametr="coś" | zawartość...
<td parametr="coś">zawartość... | parametr="coś" | zawartość...

Wersja podstawowa

Jest to najprostsza tabelka, bez żadnego obramowania i stylu.

{|
| kolumna 1, wiersz 1
| kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}

Efekt:

kolumna 1, wiersz 1 kolumna 2, wiersz 1
kolumna 1, wiersz 2 kolumna 2, wiersz 2

Zalecany kod

Ten styl tabeli obowiązuje w Wiki Grepolis. Ma obramowanie i dopasowane kolory.

{| class="wikitable"
| kolumna 1, wiersz 1
| kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}

Efekt:

kolumna 1, wiersz 1 kolumna 2, wiersz 1
kolumna 1, wiersz 2 kolumna 2, wiersz 2

Rozmiar tabeli

Za pomocą "width" możemy zmienić szerokość tabeli. Tutaj rozmiar całej tabelki wynosi 50% szerokości wiki.

{| class="wikitable" style="width:50%"
! kolumna 1, wiersz 1
! kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}

Efekt:

kolumna 1, wiersz 1 kolumna 2, wiersz 1
kolumna 1, wiersz 2 kolumna 2, wiersz 2

Jeśli chcemy zmienić szerokość pojedynczych kolumn, możemy zrobić to tak:

{| class="wikitable" style="width:50%"
! style="width:30%" | kolumna 1, wiersz 1 
! style="width:70%" | kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}

Efekt:

kolumna 1, wiersz 1 kolumna 2, wiersz 1
kolumna 1, wiersz 2 kolumna 2, wiersz 2

Wyrównanie tekstu

Domyślnie zwykłe komórki wyrównywane są do lewej. Można to jednak zmienić za pomocą parametru "text-align".

{| class="wikitable" style="width:60%; text-align:right"
! Nagłówek kolumny nr 1
! Nagłówek kolumny nr 2
|-
| Wyrównanie do prawej
| Wyrównanie do prawej
|}

Efekt:

Nagłówek kolumny nr 1 Nagłówek kolumny nr 2
Wyrównanie do prawej Wyrównanie do prawej

Możemy też wyrównać pojedyncze komórki, zamiast całą tabelę.

{| class="wikitable" style="width:60%"
! Nagłówek kolumny nr 1
! Nagłówek kolumny nr 2
! Nagłówek kolumny nr 3
|-
| style="text-align:right" | Do prawej
| style="text-align:center" | Wyśrodkowane
| style="text-align:left" | Do lewej
|}
Nagłówek kolumny nr 1 Nagłówek kolumny nr 2 Nagłówek kolumny nr 3
Do prawej Wyśrodkowane Do lewej

Łączenie komórek

W kilku wierszach

By połączyć komórki w wierszach, używamy parametru "rowspan".

{| class="wikitable" style="width:60%"
| Kolumna 1, wiersz 1
| rowspan=2 | Kolumna 2, wiersz 1 (oraz 2)
| Kolumna 3, wiersz 1
|-
| Kolumna 1, wiersz 2
| Kolumna 3, wiersz 2
|}

Efekt:

Kolumna 1, wiersz 1 Kolumna 2, wiersz 1 i 2 Kolumna 3, wiersz 1
Kolumna 1, wiersz 2 Kolumna 3, wiersz 2

W kilku kolumnach

By połączyć komórki w kolumnach, używamy parametru "colspan".

{| class="wikitable" style="width:60%"
| Kolumna 1, wiersz 1
| colspan=2 | Kolumna 2 (i 3), wiersz 1
|-
| Kolumna 1, wiersz 2
| Kolumna 2, wiersz 2
| Kolumna 3, wiersz 2
|}

Efekt:

Kolumna 1, wiersz 1 Kolumna 2 i 3, wiersz 1
Kolumna 1, wiersz 2 Kolumna 2, wiersz 2 Kolumna 3, wiersz 2