Legg til rutenett

Responsiv web betyr å bygge et nettsted som tilpasser utseendet etter skjermoppløsningen til den besøkende. Det betyr for eksempel at det samme nettstedet kan se annerledes ut for den besøkende hvis de besøker det fra en datamaskin, et nettbrett eller en mobiltelefon.

Du finner mer informasjon om hvordan du bygger responsive maler i Tema Responsive maler.

Slik gjør du det

For å kunne legge til rutenett på et nettsted må du aktivere funksjonen under Responsive web-panelet. Når du har aktivert funksjonen, legger du til rutenettene.

Redaksjonell informasjon

Navn

Arbeidsnavn på rutenett i Sitevision.

Aktiver

Hvis du merker av i denne boksen, skrives rutenettet ut i CSS-filen. Dette gjør at du kan beholde gamle rutenett (som du av en eller annen grunn ikke vil kaste), men som du deretter kan deaktivere.

Forvalgt

Velg det rutenettet i listen som du ønsker skal være standard. Det er dette rutenettets antall kolonner som vises i høyreklikkmenyen når du legger til en rutenettkolonne.

Utseende

CSS-klassenavn

Klassenavn som brukes for hele rutenettet.

Sentrer

Kryss av her hvis du vil at rutenettet skal sentreres.

Største bredde

Standard bredde på rutenettet. Bredden vi skal bruke når vi genererer CSS. Den skal tilsvare bredden på nettstedet som bruker rutenettet.

Fleksibel bredde

Når størrelsen på vinduet blir mindre enn bredden på rutenettet, trer denne innstillingen i kraft. Hvis du har angitt at rutenettet skal være 960 px, men vinduet bare er 900 px bredt, vil rutenettet utgjøre en viss prosentandel av dette.

Dette gjelder bare for oppsett som er fleksible rutenett, og har ingen effekt på faste rutenett. Dette gjelder heller ikke ved stabling, da mellomrommene opptar 100 % av overflaten.

Antall kolonner

Her angir du hvor mange kolonner du vil at rutenettet skal inneholde. Et godt antall kan være 12, 16 eller 24.

Marg mellom kolonner

Hvor mye plass du skal ha mellom kolonnene i rutenettet. Marginen mellom kolonnene ganger antall kolonner må ikke overstige bredden på rutenettet.

Hvis du for eksempel har 12 kolonner, kan du ikke ha 90 px avstand hvis den totale bredden er 960 px (12*90=1080 px).

Fjern rutenett

Hvis du vil slette et rutenett, velger du det i listen og klikker på krysset til høyre.

Endre rutenett

Hvis du vil endre et rutenett, velger du det i listen og klikker på ikonet for å endre rutenett til høyre.