---
title: "Osiot, sarakkeet, erottimet ja välikkeet"
description: "Rakenna sivusi asettelu osioilla ja sarakkeilla, lisää ylä- ja alatunniste ja käytä erottimia ja välikkeitä tilan luomiseen."
url: https://scratcher.io/fi/help/elements/sections-columns-and-layout
language: fi
---

1. [Ohjekeskus](https://scratcher.io/fi/help)
2. [Elementit ja ulkoasu](https://scratcher.io/fi/help/elements)
3. Osiot, sarakkeet, erottimet ja välikkeet

# Osiot, sarakkeet, erottimet ja välikkeet

Rakenna sivusi asettelu osioilla ja sarakkeilla, lisää ylä- ja alatunniste ja käytä erottimia ja välikkeitä tilan luomiseen.

## Osiot ja sarakkeet

**Osio** on laatikko, joka sisältää muita elementtejä. Käytä sitä, kun haluat asettaa elementtejä vierekkäin tai antaa elementtiryhmälle taustan.

1. Lisää **Osio** ja vedä elementtejä sen sisään.
2. Valitse **Sisältö**-välilehdellä **Sarakkeet**-määrä: 1–4.
3. Jos sarakkeita on useampi kuin yksi, valitse **Kokosuhde**, esimerkiksi **Tasainen**, 1:2 tai 2:1, tai **Mukautettu**.
4. Valitse **Suunta mobiilissa**: **Vasen päällä**, **Oikea päällä** tai **Säilytä sarakkeet** (sarakkeet pysyvät vierekkäin myös puhelimissa).

Jos vähennät sarakkeiden määrää, lopussa olevat sarakkeet poistetaan sisältöineen.

**Tyylit**-välilehdellä: **Tausta** (väri tai kuva), **Reunus**, **Leveys**, **Muoto**, sarakkeiden pystysuuntainen **Tasaus** ja niiden välinen **Väli**. Ponnahdusikkunoissa voit lisäksi asettaa osion **Korkeus**-asetukseksi **Täysi**.

Osiot, sarakkeet ja valikot kuuluvat paketteihin, joissa on **Elementit**-ominaisuus.

## Ylä- ja alatunniste

Ylä- ja alatunniste ovat osioita, jotka näkyvät jokaisella sivulla, esimerkiksi logosi ja ehtojesi linkin kanssa. Voit valita jokaisella sivulla **Piilota ylätunniste sivulla** tai **Piilota alatunniste sivulla**. Ota ylä- tai alatunnisteen asetuksista käyttöön **Tee absoluuttiseksi**, niin se kelluu sivun päällä sen sijaan, että se veisi tilaa.

## Erotin

**Erotin** on viiva elementtien välissä. Aseta sen **Väri**, **Reunus**-tyyli, **Koko** (pituus ja paksuus), **Muoto** ja **Tasaus**. Voit lisätä viivan keskelle **Kuvake**-elementin ja säätää sitä kohdassa **Näyttöasetukset**.

## Välike

**Välike** lisää tyhjää tilaa. Vedä sen kahvaa sivulla tai kirjoita korkeus pikseleinä (5–500).

Elementit ja ulkoasu

- [Näin elementtien asetukset toimivat](https://scratcher.io/fi/help/elements/element-settings-basics)
- [Muokkaa tekstiä ja otsikoita](https://scratcher.io/fi/help/elements/text-and-headings)
- [Painikkeet ja klikkaustoiminnot](https://scratcher.io/fi/help/elements/buttons-and-click-actions)
- [Kuvat, logot, video ja fontit](https://scratcher.io/fi/help/elements/images-video-and-fonts)
- [Osiot, sarakkeet, erottimet ja välikkeet](https://scratcher.io/fi/help/elements/sections-columns-and-layout)
- [Sivun asetukset, taustat ja ponnahdusikkunasivut](https://scratcher.io/fi/help/elements/page-settings-and-backgrounds)
- [Lähtölaskenta-, some-, jako- ja valikkoelementit](https://scratcher.io/fi/help/elements/countdown-social-share-and-menu)
- [Interaktiiviset grafiikat klikattavilla kohdilla](https://scratcher.io/fi/help/elements/interactive-graphic)
- [Evästeilmoitus, oma koodi ja muut kampanjan lisäosat](https://scratcher.io/fi/help/elements/cookie-notice-and-custom-code)
- [Tallenna ja käytä malleja uudelleen](https://scratcher.io/fi/help/elements/templates-and-reuse)

## Aiheeseen liittyvät artikkelit

- [Näin elementtien asetukset toimivat](https://scratcher.io/fi/help/elements/element-settings-basics): Välilehdet Sisältö, Tyylit, Asetukset ja Tehosteet, koot, muodot, reunukset, värit ja taustat, mobiilimuutokset ja lisäosat.
- [Lisää ja muokkaa tekstejä, kuvia ja muita elementtejä](https://scratcher.io/fi/help/campaigns/add-and-edit-elements): Lisää elementtejä, muuta tekstejä, lataa kuvia ja fontteja ja muotoile kaikki tietokoneelle ja mobiiliin.
- [Sivun asetukset, taustat ja ponnahdusikkunasivut](https://scratcher.io/fi/help/elements/page-settings-and-backgrounds): Aseta sivun tausta, tasaa sen sisältö, muuta sivu ponnahdusikkunaksi, piilota ylätunniste ja päivitä sivu automaattisesti.

## Tarvitsetko vielä apua?

Oikeat ihmiset auttavat sinua mielellään. Jos käytät jo Scratcheria, nopein tapa on alustan sisäinen chat.

- **[Chattaa kanssamme](https://platform.scratcher.io/login)**

    Kirjaudu sisään ja klikkaa chat-painiketta oikeassa alakulmassa. Rex vastaa heti, ja tiimimme on vain yhden klikkauksen päässä.
- **[Varaa tapaaminen](https://scratcher.io/fi/book-a-meeting)**

    Maksuton 30 minuutin videopuhelu tiimimme kanssa: esittely, kampanjaideoita tai apua käyttöönottoon.
- **[Lähetä meille sähköpostia](mailto:contact@scratcher.io)**

    Kirjoita osoitteeseen contact@scratcher.io, niin palaamme asiaan.