Pomoc:Tabuľky: Rozdiel medzi revíziami
Smazaný obsah Přidaný obsah
Bez shrnutí editace |
článok vznikol prekladom z de (nie vyčerpávajúci) |
||
Riadok 1:
'''Tabuľky''' slúžia na prehľadné zhrnutie informácií, ktoré spolu sémanticky súvisia. Mali by sa používať v prípade, keď je potrebné dáta nejakým spôsobom zoradiť, napríklad podľa roku, či abecedy.
Řádek 359 ⟶ 358:
|}
|}
== Formátovanie tabuľky ==
Tabuľky môžu byť farebné, môžu mať rôzne druhy orámovania, bunky môžu byť rôzne široké a pod. Vo Wikipédii formátujeme tabuľky pomocou CSS.
=== Šírka stĺpcov ===
Širku stĺpcov môžeme naformátovať relatívne alebo absolútne. Formát stačí zadať pri prvej bunke každého stĺpca.
{| {{Pekná tabuľka}}
! Kód
! Výsledok
|-
|
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<nowiki>{| border="1"</nowiki><br/>
<nowiki>! width="33%" | 10&nbsp;%</nowiki><br/>
<nowiki>! width="33%" | 20&nbsp;%</nowiki><br/>
<nowiki>! width="34%" | 40&nbsp;%</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|A</nowiki><br/>
<nowiki>|B</nowiki><br/>
<nowiki>|C</nowiki><br/>
<nowiki>|}</nowiki>
</div>
|
{| border="1"
|- valign="bottom"
! width="10%" | 10 %
! width="20%" | 20 %
! width="40%" | 40 %
|-
|A
|B
|C
|}
|-
|<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<nowiki>{| border="1"</nowiki><br/>
<nowiki>! width="50" | 50</nowiki><br/>
<nowiki>! width="100" | 100</nowiki><br/>
<nowiki>! width="200" | 200</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|A</nowiki><br/>
<nowiki>|B</nowiki><br/>
<nowiki>|C</nowiki><br/>
<nowiki>|}</nowiki>
</div>
|
{| border="1"
! width="50" | 50
! width="100" | 100
! width="200" | 200
|-
|A
|B
|C
|}
|}
=== Odstup medzi bunkami pomocou ''cellspacing'' a ''cellpadding'' ===
Pomocou cellspacing môžeme stanoviť vzdialenosť medzi bunkami. Čím vyššiu hodnotu zadáme, tým bude priestor medzi bunkami širší. Cellpadding zasa určuje vzdialenosť obsahu bunky od jej rámčeka.
{| {{Pekná tabuľka}}
! Kód
! Výsledok
|-
|
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<nowiki>{|</nowiki><br/>
<nowiki>|Alpha || Beta || Gamma</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|Delta || Epsilon || Zeta</nowiki><br/>
<nowiki>|}</nowiki>
</div>
|
{|
|Alpha || Beta || Gamma
|-
|Delta || Epsilon || Zeta
|}
|-
|
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<nowiki>{| border="1"</nowiki><br/>
<nowiki>|Alpha || Beta || Gamma</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|Delta || Epsilon || Zeta</nowiki><br/>
<nowiki>|}</nowiki><br/>
</div>
|
{| border="1"
|Alpha || Beta || Gamma
|-
|Delta || Epsilon || Zeta
|}
|-
|<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<nowiki>{| border="1" cellspacing="10" cellpadding="0"</nowiki><br/>
<nowiki>|Alpha || Beta || Gamma</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|Delta || Epsilon || Zeta</nowiki><br/>
<nowiki>|}</nowiki>
</div>
|
{| border="1" cellspacing="10" cellpadding="0"
|Alpha || Beta || Gamma
|-
|Delta || Epsilon || Zeta
|}
|-
|
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<nowiki>{| border="1" cellspacing="0" cellpadding="10"</nowiki><br/>
<nowiki>|Alpha || Beta || Gamma</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|Delta || Epsilon || Zeta</nowiki><br/>
<nowiki>|}</nowiki><br/>
</div>
|
{| border="1" cellspacing="0" cellpadding="10"
|Alpha || Beta || Gamma
|-
|Delta || Epsilon || Zeta
|}
|-
|
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<nowiki>{| border="1" cellspacing="10" cellpadding="10"</nowiki><br/>
<nowiki>|Alpha || Beta || Gamma</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|Delta || Epsilon || Zeta</nowiki><br/>
<nowiki>|}</nowiki><br/>
</div>
|
{| border="1" cellspacing="10" cellpadding="10"
|Alpha || Beta || Gamma
|-
|Delta || Epsilon || Zeta
|}
|-
|<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<nowiki>{| border="1" cellspacing="0" cellpadding="10" style="border-collapse:collapse;"</nowiki><br/>
<nowiki>|Alpha || Beta || Gamma</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|Delta || Epsilon || Zeta</nowiki><br/>
<nowiki>|}</nowiki>
</div>
|
{| border="1" cellspacing="0" cellpadding="10" style="border-collapse:collapse;"
|Alpha || Beta || Gamma
|-
|Delta || Epsilon || Zeta
|}
|}
=== Zarovnanie textu ===
Obsah jednotlivých buniek môžeme ľubovoľne zarovnávať. Môžeme zarovnať obsah jednotlivých buniek, ale aj celých riadkov. Na zarovnanie textu v riadkoch nám slúži atribút '''valign''' a na zarovnanie textu v bunke zasa '''align'''.
{| {{Pekná tabuľka}}
! Kód
! Výsledok
|-
|
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<nowiki>{| border="1" cellspacing="0"</nowiki><br/>
<nowiki>!</nowiki><br/>
<nowiki>! align="left" | doľava</nowiki><br/>
<nowiki>! align="center" | na stred</nowiki><br/>
<nowiki>! align="right" | doprava</nowiki><br/>
<nowiki>|- valign="top" </nowiki><br/>
<nowiki>! height="38" | nahor</nowiki><br/>
<nowiki>| align="left" | xx</nowiki><br/>
<nowiki>| align="center" | xxx</nowiki><br/>
<nowiki>| align="right" | xx</nowiki><br/>
<nowiki>|- valign="middle" </nowiki><br/>
<nowiki>! height="38" | na stred</nowiki><br/>
<nowiki>| align="left" | x</nowiki><br/>
<nowiki>| align="center" | x</nowiki><br/>
<nowiki>| align="right" | x</nowiki><br/>
<nowiki>|- valign="bottom" </nowiki><br/>
<nowiki>! height="38" | nadol</nowiki><br/>
<nowiki>| align="left" | x</nowiki><br/>
<nowiki>| align="center" | x</nowiki><br/>
<nowiki>| align="right" | x</nowiki><br/>
<nowiki>|}</nowiki>
</div>
|
{| border="1" cellspacing="0"
!
! align="left" | doľava
! align="center" | na stred
! align="right" | doprava
|- valign="top"
! height="38" | nahor
| align="left" | xx
| align="center" | xxx
| align="right" | xx
|- valign="middle"
! height="38" | na stred
| align="left" | x
| align="center" | x
| align="right" | x
|- valign="bottom"
! height="38" | nadol
| align="left" | x
| align="center" | x
| align="right" | x
|}
|}
=== Iné formátovania ===
Wiki syntax nám umožňuje prevziať možnosti formátovania z jazyka HTML ako napríklad zafarbenie jednotlivých buniek prípadne rámčekov: (''style="background:#ABCDEF"'', [[Pomoc:Tabuľka farieb|Tabuľka farieb]]).
{| {{Pekná tabuľka}}
! Kód
! Výsledok
|-
|
<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
<nowiki>{|</nowiki><br/>
<nowiki>| style="background:#ABCDEF" | A</nowiki><br/>
<nowiki>|B</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|C</nowiki><br/>
<nowiki>|D</nowiki><br/>
<nowiki>|}</nowiki><br/>
</div>
|
{|
| style="background:#ABCDEF" | A
|B
|-
|C
|D
|}
|}
| |||