Malline:Div col

Mallineen ohje [näytä] [muokkaa] [päivitä]

Tämä käyttää TemplateStyles-laajennusta:

Malline:Div col/styles.css

Tarkoitettu sisällön jakamiseen palstoihin automaattisesti. Malline on tarkoitettu luetteloiden jakamiseen palstoihin.

Ohje

{{Div col}} aloittaa palstoitettavan alueen, joka automaattisesti jakaa tiedot palstoihin.

Palstoitettava alue päätetään käyttämällä mallinetta {{Div col end}}

Tämä on uudempi menetelmä palstoittamiseen, joka ei tarvitse "taittokohdan" merkintää.

Huomaa, että palstat jakaantuvat automaattisesti eri tavoin kun näyttötila on kapeampi: jos ei ole pakotettu tiettyä palstamäärää voi näkyä vähemmän palstoja kun näyttö tai selaimen ikkuna asetaan kapeammaksi. Mikäli tällä on merkitystä asian esittämisen kannalta taulukkopohjainen esitys voi soveltua paremmin tarkoitukseen.

Parametrit

|colwidth=: minimileveys sarakkeille, oletuksena 30em
|cols=: jos halutaan tietty määrä sarakkeita. Näytettävä sarakemäärä voi olla pienempi jos palstatilaa ei ole riittävästi (katso minimileveys).
|rules=yes: lisää pystyviivat sarakkeiden väliin jos arvo on yes.
|gap=: tyhjän välin leveys sarakkeiden välissä, oletuksena (selaimen asettama) on 1em.
|class=: HTML-luokka tai välilyönneillä erotettu luettelo luokista
|style=: CSS-tyyli, joka asetetaan sarakkeisiin.
|small=yes: aseta tekstikoko pienemmäksi (90%) jo arvo on yes.
|content=: sarakkeiden sisältö, vaihtoehtoinen tapa käyttää.

Esimerkit

Palstamäärä

Oletuksena jakaa palstaleveyden mukaan

{{Div col}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

a
b
c
d
e
f
g
h

Jaetaan kolmeen palstaan

{{Div col|cols=3}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

a
b
c
d
e
f
g
h

Huomaa, jos sarakkeiden leveys on suuri tai sivutila on pieni niin näytetty sarakemäärä voi olla pienempi.

Leveys

Jaetaan kiinteällä sarakeleveydellä 10em

{{Div col|colwidth=10em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

a
b
c
d
e
f
g
h

Vaihtuva leveys

{{Div col|colwidth=10vw}} <!-- sarakkeen leveys 10% alueesta-->
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

tuottaa:

a
b
c
d
e
f
g
h

Pystyviivaimet ja kiinteä leveys

{{Div col|colwidth=10em|rules=yes}} 
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

a
b
c
d
e
f
g
h

Sarakeväli ja pystyviivat

{{Div col|colwidth=10em|rules=yes|gap=2em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

a
b
c
d
e
f
g
h

Sarakeväli

Sarakkeiden väliin jäävä väli, oletuksena selain asettaa 1em

{{Div col|colwidth=10em|rules=yes|gap=2em}} <!-- Sarakeväli 10em pystyviivoilla ja väli 2em -->
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

Tuottaa:

a
b
c
d
e
f
g
h

Sisältö

{{Div col|colwidth=10em|content= <!-- content-parameterin kanssa ei tarvita {{Div col end}} -merkintää -->
* a
* b
* c
* d
* e
* f
* g
* h
}}

tuottaa:

a
b
c
d
e
f
g
h

Lisätyylit

CSS-tyylit

Kursivoitu teksti:

{{Div col|style=font-style:italic;|content=
* a
* b
* c
* d
* e
* f
* g
* h
}}

tuottaa:

a
b
c
d
e
f
g
h

Katso myös

{{Sarakkeet}}