Sjabloon:Lijst zonder opsommingstekens

(Doorverwezen vanaf Sjabloon:Lzo)
Sjabloondocumentatie​[bekijk] [bewerk] [ververs] [geschiedenis]

Het sjabloon Lijst zonder opsommingstekens dient gebruikt te worden voor het maken van een verticale lijst zonder opsommingstekens (bullets). Het huidige gebruik van <br /> voor een ogenschijnlijk zelfde lijst is semantisch incorrect en wordt afgeraden.

Uitleg bewerken

Het is van belang semantisch onderscheid te maken en een lijst als een lijst en een break als een break te definiëren. Mocht een eenvoudige browser niet de mogelijkheden hebben voor de gewenste weergave, dan zal deze nog steeds de lijst als een lijst behandelen en niet als break. User agents begrijpen beter wat wordt bedoeld, waardoor het surfen voor (visueel) gehandicapten of mensen met een tekstbrowser makkelijker wordt.

Code Resultaat
{{lzo|item1|item2|item3}}
  • item1
  • item2
  • item3
{{lzo|Winnaar|Tweede|Derde|item_style=color:blue;}}
  • Winnaar
  • Tweede
  • Derde
{{lzo|Winnaar|Tweede|Derde|item1_style=background-color:yellow;|item2_style=background-color:silver;}}
  • Winnaar
  • Tweede
  • Derde

Technische details bewerken

Lijst zonder opsommingstekens werkt door middel van een <div> met plainlist als class, zodat de CSS hieronder wordt toegepast.

<div class="plainlist">
  <ul>
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
    <li>item 4</li>
  </ul>
</div>
.plainlist ul {
    line-height: inherit;
    list-style: none;
    margin: 0;
}
.plainlist ul li {
    margin-bottom: 0;
}

Zie ook bewerken