Smartbyrå.Hjelpesider.
Få gratis forslag

Rutenett med flere kolonner

Rutenettet er arbeidshesten for «flere små ting side om side»: celler i kolonner du styrer, som hver kan romme tekst eller bilde. Der en hel seksjon blir for mye, er rutenettet passe.

Rutenett-dialogen i editoren med antall kolonner, bredde på kolonnene med pluss og minus, og avstand mellom kolonnene

Først: logg inn i editoren med redigeringslenken du har fått fra oss – slik logger du inn (og der kan du få lenken tilsendt på nytt).

Rutenettet er et eget element: Mer → Nytt element, og «Rutenett» i paletten. Innhold-dialogen har tre ting: antall kolonner, bredden på hver kolonne som prosentbokser med minus og pluss (de summerer alltid til 100 %, og «Gjør like brede» nullstiller), og avstanden mellom kolonnene. Deretter klikker du rett i cellene og fyller dem med tekst, bilder eller begge deler. Tomme celler er usynlige for besøkende.

Rutenett-dialogen med antall kolonner, kolonnebredder og avstand

Innhold: kolonner, bredder og avstand. Cellene fyller du rett i siden.

Ulike bredder med vilje

En bred kolonne med tekst og en smal med et bilde eller et tall er ofte penere enn to like. Trykk minus på den ene, så vokser den andre tilsvarende. På mobil stables kolonnene uansett, i rekkefølgen de står, så legg det viktigste først.

Rutenettet slik det vises på nettsiden med to celler side om side

Resultatet: cellene side om side, fylt med tekst og bilde.

Innhold

Vises med en gang
InnstillingHva den gjørStandard
Innhold per kolonne

Visning

Vises med en gang
InnstillingHva den gjørStandard
Antall kolonnerPå mobil stables kolonnene.2 1–6
Avstand mellom kolonnene20 0–80 px
Under «Flere valg»
InnstillingHva den gjørStandard
Kolonnebredder (vekter)Ett tall per kolonne, f.eks. 2 og 1 = første dobbelt så bred. Tom = like brede.

Cellene redigerer du som alt annet

Innholdet i en celle er vanlige elementer: klikk i teksten og skriv, klikk på et bilde og bytt det, og bruk Mer → Nytt element for å legge en knapp eller et ikon inn i cellen. Hele rutenettet flytter du med Mer → Flytt opp eller ned i kontekstlinja, og dupliserer med Mer → Dupliser når neste prisliste skal se lik ut.

Rutenett eller noe annet?

Tre verktøy overlapper her, med hver sin styrke. Seksjonens kolonner (Oppsett i kontekstlinja) deler hele seksjonen, riktig for tekst-ved-bilde. Infokort er ferdigstylte kort med ikon, riktig for fordeler og kontaktinfo. Rutenettet er friformen: celler du fyller akkurat som du vil, riktig for prisrader, logoer med tekst og blandede oversikter.

Prislisten, et godt eksempel

Et rutenett med to kolonner («Tjeneste» og «Pris») blir en ryddig prisliste som er lett å vedlikeholde: klikk i cellen, endre tallet, publiser. Trenger radene mer trøkk, gir Utseende i kontekstlinja rutenettet en bakgrunn og hjørner, eller kolonnen det står i kan få kort-utseende.

Sist oppdatert 9. september 2026

← Alle artikler om modulene