Onlinehjälpen

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');
OBS! För att få fram id-numret till bilden: Gå till bildarkivet -> Högerklicka på aktuell bild -> Välj
Skärmdump på idnummer på bild
OBS! 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.
OBS! När man har bytt ut den vanliga punktlistan mot en ny punktlistetyp så kan man inte återgå till den normala punktlistan. Därför är det en bra idé att även sätta upp en punktlistetyp som ser ut som den vanliga punktlistan.

Punktlistetyperna som man lägger till fungerar inte som den vanliga punktlistan med automatiska indrag men de har indrag som standardinställning. Dock kan man själv välja att ta bort indraget genom att sätta en marginal på listan.

Tips!
Vill man inte ha ett indrag till vänster så skriver man i Egen style (LI):
margin-left:-20px;
Vill man ha större mellanrum mellan punkterna skriver man 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');
Behörighet! Denna modul/funktion kräver att man har behörigheten "Egenskaper för webbplats"
help-cluster-2.sitevision.net