Malline:Div col

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

Tarkoitettu sisällön jakamiseen palstoihin automaattisesti.

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
|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 kahteen palstaan

{{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|3}}
* 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

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ö

Content

{{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}}