logo
  Opsomtekens
 
Gewone tekens één kleur met cliparts meer kleuren met cliparts
  • lijst 1
  • lijst 2
  • lijst 3
  • lijst 1
  • lijst 2
  • lijst 3
  • lijst 4
  • lijst 5
  • lijst 6

Een lijst met opsomtekens maken is vrij eenvoudig, maar de tekens die er voor staan zijn niet altijd even mooi. Je hebt wel verschillende keuzes, je veranderd de <ul> in <ul type=""> en je zet het gewenste tussen de haakjes neer zoals:

square = vierkantje
disc = rondje
decimal = 1 t/m...
lower-roman = i, ii, iii enz
upper-roman = I, II, III enz
lower-alpha = a, b, c enz
upper-alpha = A, B, C enz
none = blanco

Dat zijn er aardig wat, maar als je een persoonlijk tintje aan de lijst wilt geven, door middel van een clipart, dan kom je bij een stylesheet terecht.
Allereerst zet je het volgende in de stylesheet:

.list1 {
list-style-type: circle;
list-style-image:url(jou plaatje 1);}
.list2 {
list-style-type: circle;
list-style-image:url(jou plaatje 2);}
.list3 {
list-style-type: circle;
list-style-image:url(jou plaatje 3);}

Bij de opsomtekens heb je nu 2 mogelijkheden. Voor één kleur:

<UL CLASS="list1">
<LI>tekst
<LI>tekst
<LI>tekst
</UL>

Voor meerdere kleuren:

<UL>
<LI CLASS="list1">tekst
<LI CLASS="list2">tekst
<LI CLASS="list3">tekst
</UL>

Als je voor een plaatje kiest, kan je het beste een plaatje van 10 á 15 pixels nemen

 
eind