Malline:Div col end
Tarkoitettu sisällön jakamiseen palstoihin automaattisesti.
Ohje
[muokkaa wikitekstiä]{{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
[muokkaa wikitekstiä]|colwidth=: minimileveys sarakkeille, oletuksena 30em|rules=yes: lisää pystyviivat sarakkeiden väliin jos arvo onyes.|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 onyes.|content=: sarakkeiden sisältö, vaihtoehtoinen tapa käyttää.
Esimerkit
[muokkaa wikitekstiä]Palstamäärä
[muokkaa wikitekstiä]- 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
[muokkaa wikitekstiä]- 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ö
[muokkaa wikitekstiä]Content
[muokkaa wikitekstiä]{{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
[muokkaa wikitekstiä]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
[muokkaa wikitekstiä]- {{Sarakkeet}}