Punktlister i kolonner

For ? f? en balansert visning p? desktop er det ofte hensiktsmessig ? dele inn lange punktlister ¨C s?rlig lenkelister ¨C i flere kolonner. Du bruker en egen innstilling/klasse i Vortex til dette.

Merk at funksjonen <div class={"left/right"}> ikke lenger skal brukes med punktlister.

Deling av lister i forsidemal

For ? dele opp lister i forsidemal: 

• Legg inn en vanlig punktliste/lenkeliste (<ul>) i en boks
• Sett "two-column-list" eller "three-column-list" i Spesielle innstillinger-feltet.

Punktene i listen vil da fordeles p? henholdsvis to eller tre kolonner. Du kan inkludere tekst b?de over og under listen i samme boks.

Anbefalinger for bruk av innstillingen i ulike radoppsett

• passer best i fullbreddebokser
• kan ogs? fungere med to tredjedels boks, men da bare delt i to kolonner. 
• anbefales ikke for halvbreddebokser
• skal ikke brukes i bokser med ¨¦n tredjedels bredde

Deling av lister i ?vrige maler

Liste med to kolonner

• Sett inn f?lgende kodesnutt i kildekoden: 

  <div class="two-column-list">
  <ul>
  <li>Punkt 1</li>
  <li>Punkt 2</li>
  <li>Punkt 3</li>
  <li>Punkt 4</li>
  </ul>
  </div>
  

• I vanlig visning, utvid listen til ?nsket antall punkter og legg inn riktig tekst og eventuelle lenker.

Liste med tre kolonner

• Sett inn f?lgende kodesnutt i kildekoden:

  <div class="three-column-list">
  <ul>
  <li>Punkt 1</li>
  <li>Punkt 2</li>
  <li>Punkt 3</li>
  <li>Punkt 4</li>
  </ul>
  </div>
  

• I vanlig visning, utvid listen til ?nsket antall punkter og legg inn riktig tekst og eventuelle lenker.

Eksempler

Lenkeliste med to kolonner

Lenkeliste med 3 kolonner