Onlinehjälpen

Fliken Punktlistor

Här sätter man upp vilka andra utseenden på punktlistorna man vill ha förutom den normala runda punktlistetypen. De olika formaten på punktlistorna sätts upp genom att använda olika CSS-format. Dessa format kan innehålla egna bilder också om man så önskar. Dessutom finns en numrerad lista att välja som förval.

Skärmdump på fliken punktlistor

Genom att klicka på plusknappen så läggs en ny punktlistetyp till. I Egen style skrivs CSS attribut för att generera utseendet på den nya punktlistan.

Allmänt

Namn

Här fyller man i ett beskrivande namn i fältet för Namn. I exemplet ovan är namnet Fyrkant.

Beskrivning

Här fyller man i en beskrivning om man vill.

Numrerad

Om man vill ha en numrerad lista så kryssar man i denna ruta. Då får man en vanlig numrerad lista. Vill man tex ha romerska siffror i den numrerade listan kan man kombinera den numrerade listan med Egen style (OL/UL). Se exemplet nedan.

CSS

Egen style (OL/UL)

Här kan man fylla i css-attribut för hur listan skall se ut.
Tex. om man vill ha en bild (en pil) som punktlista fyller man i:

list-style-image:url('/images/18.114ef621022023501d80003093/dubbelpil.gif');

För att få fram id-numret till bilden: Gå till bildarkivet -> Högerklicka på aktuell bild -> Välj Egenskaper -> Under fliken Allmänt ser du id-nummer.

Skärmdump på idnummer på bild

Det kan vara bra att specificera en list-style-type ifall bilden inte finns tillgänglig av någon anledning.

list-style-image:url('/images/18.114ef621022023501d80003093/dubbelpil.gif'); list-style-type: square;
Vill man ha en lista med fyrkanter istället för runda ringar skriver man:

list-style-type: square;

Skärmdump på punktlista med fyrkanter
Vill man ha en numrerad lista men med andra siffror än de normala (tex. Romerska siffror)så kryssar man först i rutan "Numrerad". Därefter fyller man i:

list-style-type: upper-roman;

Skärmdump på numrerad lista

Egen style (LI)


Här kan man fylla i css attribut för hur alternativen skall se ut t.ex. avstånd upptill eller nertill.

Vill du inte ha ett indrag till vänster så skriver du i Egen style (LI):

margin-left:-20px;

Vill du ha ett större mellanrum mellan punkterna skriver du i Egen style (LI):

margin-bottom: 5px;  (byt ut 5px mot det avstånd du vill ha).

CSS-attribut för listor

De vanligaste typerna av onumrerade listor:

  • list-style-type: disc - vanlig svart punkt
  • list-style-type: circle  - vanlig punkt
  • list-style-type: square - fyrkant
  • list-style-type: none - ingen punkt, bara indrag

De vanligaste typerna av numrerade listor:

  • list-style-type: decimal - vanlig numrering
  • list-style-type: lower-roman - romerska tecken gemener
  • list-style-type: upper-roman - romerska tecken versaler
  • list-style-type: lower-alpha - alfabetisk numrering gemener
  • list-style-type: upper-alpha - alfabetisk numrering versaler

Egna bilder:

  • list-style-image:url ('adress till bild');

Denna funktion kräver att du har behörigheten "Egenskaper för webbplats"

Sidan uppdaterad:

Nästa generations publiceringsverktyg är här!

se-sto-ste-sv5-2.sitevision-cloud.net
3.90.202.157