Sjabloon:Kolommen: verschil tussen versies
Uit KeukenWiki
| Regel 33: | Regel 33: | ||
Bij herhaald gebruik op een pagina, is het niet nodig het sjabloon steeds opnieuw te gebruiken. Het volstaat om een <code><nowiki><div class='columns'>...</div></nowiki></code> om de volgende lijsten te plaatsen. | Bij herhaald gebruik op een pagina, is het niet nodig het sjabloon steeds opnieuw te gebruiken. Het volstaat om een <code><nowiki><div class='columns'>...</div></nowiki></code> om de volgende lijsten te plaatsen. | ||
</noinclude><includeonly>{{#CSS:.columns | </noinclude><includeonly>{{#CSS:.columns | ||
| − | { | + | { |
| − | + | -moz-column-width: {{{breedte|38}}}em; /* Firefox */ | |
| − | + | -webkit-column-width: {{{breedte|38}}}em; /* webkit, Safari, Chrome */ | |
| − | + | column-width: {{{breedte|38}}}em; | |
} | } | ||
/* correct webkit/chrome uneven margin on the first column*/ | /* correct webkit/chrome uneven margin on the first column*/ | ||
.columns ul li:first-child | .columns ul li:first-child | ||
{ | { | ||
| − | + | margin-top:0px; | |
} | } | ||
| − | + | .columns {list-style-type: square; padding:4px; } | |
.columns::before {background-color: orange; color: white;} | .columns::before {background-color: orange; color: white;} | ||
ol { | ol { | ||
| Regel 58: | Regel 58: | ||
margin-right: .5em; | margin-right: .5em; | ||
padding: 6px; | padding: 6px; | ||
| + | list-style-type: square; | ||
| + | background-color: rgba(236,100,27,1); | ||
| + | color: white; | ||
font-size: 28px; | font-size: 28px; | ||
font-weight: bold; | font-weight: bold; | ||
Versie van 23 mei 2022 07:06
Dit sjabloon verdeelt een lijst in kolommen met een vaste instelbare breedte. Het aantal kolommen past zich automatisch aan de breedte van het scherm aan. De breedte van de kolommen is in em (de relatieve grootte van het lettertype) en staat standaard op 38. Dit komt overeen met (meestal) 2 kolommen op een (groot) desktop-scherm.
{{kolommen
|breedte=38
|lijst=
* ...
* ...
}}
Voorbeeld[brontekst bewerken]
- MHK
- Der Kreis
- De Keukendesigners
- Inretail
- BSH group
- Electrolux
- Dekker Zevenhuizen
- Arte werkbladen
- Grando Retail
- Novy NL
- Quooker
- Arpa Industriale (Fenix)
- Miele NL
- Tristar Keukens
- Van Hoecke BV (Blum)
- Ikook
- DVK in natura
- Qumedia (KIM) in natura
Bij herhaald gebruik op een pagina, is het niet nodig het sjabloon steeds opnieuw te gebruiken. Het volstaat om een <div class='columns'>...</div> om de volgende lijsten te plaatsen.
