Sarakkeet
Sarakkeiden avulla voit asetella sivujen sisältöä monipuolisesti rinnakkain ja allekkain. Sarakkeista käytetään myös nimitystä Palstat.
Tällä sivulla
- Sarakkeet
- Esimerkkejä sarakkeiden käytöstä
- 2 saraketta (50 / 50)
- 2 saraketta (33 / 66)
- 2 saraketta (66 / 33)
- 3 saraketta
- 4 saraketta
- 5 saraketta
- 6 saraketta
Sarakkeet
Sarakkeet soveltuvat eri sisältöjen esittämisen käyttötarkoituksia varten, kuten esimerkiksi tekstin ja kuvien asetteluun. Isoilla näyttökoilla sarakkeet asettuvat rinnakkain kun taas mobiilinäytöillä ne asettuvat allekkain.
Sarakkeiden asettelun suositellut vaihtoehdot ovat:
- 2 saraketta (50 / 50)
- 2 saraketta (33 / 66)
- 2 saraketta (66 / 33)
- 3 saraketta (33 / 33 / 33)
Sarakkeet-lohkon sisään on mahdollista lisätä 1-6 saraketta. Neljän, viiden tai kuuden sarakkeen käyttöä ei lähtökohtaisesti suositella, sillä kyseiset asettelut ovat usein erittäin haastavia sarakkeiden sisällön suhteen pienemmillä ruutukoilla (esim. tablettinäytöt).
Sarakkaiden käyttö sivupalkin kanssa
Jos sivupohjana on sellainen sivu, jossa on käytössä sivupalkki, niin lähtökohtaisesti sarakkeiden käyttöä ei suositella. Jos kuitenkin on välttämätöntä käyttää sarakkeita sivupalkillisella sivupohjalla, niin sarakkeista suositellaan käytettäväksi vaihtoehtoa, jossa kaksi saraketta ovat 50 / 50 suhteessa.
Esimerkkejä sarakkeiden käytöstä
2 saraketta (50 / 50)
Tämä on otsikko
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a massa nisl. Vivamus nisl odio, semper vel arcu non, commodo scelerisque mi. Cras arcu quam, consequat ut pharetra eu, consequat eu lectus. Maecenas venenatis at eros eu faucibus. Proin eu vestibulum elit. Phasellus elementum massa posuere, semper nibh vitae, placerat risus. Etiam rhoncus neque lacinia dignissim interdum. Donec maximus dictum est, in faucibus elit cursus quis.
Tämä on otsikko
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a massa nisl. Vivamus nisl odio, semper vel arcu non, commodo scelerisque mi. Cras arcu quam, consequat ut pharetra eu, consequat eu lectus. Maecenas venenatis at eros eu faucibus. Proin eu vestibulum elit. Phasellus elementum massa posuere, semper nibh vitae, placerat risus. Etiam rhoncus neque lacinia dignissim interdum. Donec maximus dictum est, in faucibus elit cursus quis.
2 saraketta (33 / 66)
Tämä on otsikko
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a massa nisl. Vivamus nisl odio, semper vel arcu non, commodo scelerisque mi. Cras arcu quam, consequat ut pharetra eu, consequat eu lectus. Maecenas venenatis at eros eu faucibus.
Proin eu vestibulum elit:
- Phasellus elementum massa posuere, semper nibh vitae, placerat risus.
- Etiam rhoncus neque lacinia dignissim interdum.
- Donec maximus dictum est, in faucibus elit cursus quis.
2 saraketta (66 / 33)
3 saraketta
Tämä on otsikko
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a massa nisl. Vivamus nisl odio, semper vel arcu non, commodo scelerisque mi.
Tämä on otsikko
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a massa nisl. Vivamus nisl odio, semper vel arcu non, commodo scelerisque mi.
Tämä on otsikko
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a massa nisl. Vivamus nisl odio, semper vel arcu non, commodo scelerisque mi.
100
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a massa nisl.
1200
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a massa nisl.
26 000
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a massa nisl.
4 saraketta
Neljän sarakkeen asettelua ei suositella, sillä sarakkeiden sisältö ei välttämättä asetu hyvin kaikilla ruutukoilla.
1.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a massa nisl. Vivamus nisl odio, semper vel arcu non, commodo scelerisque mi.
2.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a massa nisl. Vivamus nisl odio, semper vel arcu non, commodo scelerisque mi.
3.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a massa nisl. Vivamus nisl odio, semper vel arcu non, commodo scelerisque mi.
4.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a massa nisl. Vivamus nisl odio, semper vel arcu non, commodo scelerisque mi.
5 saraketta
Viiden sarakkeen asettelua ei suositella, sillä sarakkeiden sisältö ei välttämättä asetu hyvin kaikilla ruutukoilla.
6 saraketta
Kuuden sarakkeen asettelua ei suositella, sillä sarakkeiden sisältö ei välttämättä asetu hyvin kaikilla ruutukoilla.
