Naar inhoud springen

Help:Kolommen: verschil tussen versies

2 bytes toegevoegd ,  2 mei 2023
k
geen bewerkingssamenvatting
kGeen bewerkingssamenvatting
kGeen bewerkingssamenvatting
Regel 15: Regel 15:
* <code>class="kolommen-4"</code>
* <code>class="kolommen-4"</code>


Het cijfer geeft het <u>maximale</u> aantal kolommen aan. Als er niet voldoende ruimte beschikbaar is (als de pagina breedte onvoldoende is) en de kolommen te smal dreigen te worden wordt het aantal kolommen automatisch verminderd. Zo zal het opmaakprofiel "kolommen-4" vier smalle kolommen geven op een desktop in een voldoende groot venster. Op een telefoon zal dit herschalen naar twee kolommen als de telefoon in landscape mode staat (telefoon over dwars), en nog maar één kolom in portret mode (telefoon rechtop).
Het cijfer geeft het <u>maximale</u> aantal kolommen aan. Als er niet voldoende ruimte beschikbaar is (als de pagina breedte onvoldoende is) en de kolommen te smal dreigen te worden wordt het aantal kolommen automatisch verminderd. Zo zal het opmaakprofiel "kolommen-4" vier smalle kolommen geven op een desktop in een voldoende groot venster. Op een telefoon zal dit herschalen naar drie kolommen als de telefoon in landscape mode staat (telefoon over dwars), en nog maar twee kolommen in portret mode (telefoon rechtop).


Bovenstaande opmaakprofielen kunnen nog gecombineerd worden met het opmaaprofiel <code>krant</code>. Dit zorgt ervoor dat de kolom opgemaakt wordt als in een krant; de tekst wordt uitgevuld en tussen de alinea's komt geen extra witruimte meer maar bij elke alinea springt de eerste regel een stukje in. Combineren van opmaakprofielen gaat als volgt:
Bovenstaande opmaakprofielen kunnen nog gecombineerd worden met het opmaakprofiel <code>krant</code>. Dit zorgt ervoor dat de kolom opgemaakt wordt als in een krant; de tekst wordt uitgevuld en tussen de alinea's komt geen extra witruimte meer maar bij elke alinea springt de eerste regel een stukje in. Combineren van opmaakprofielen gaat als volgt:
* <code>class="kolommen-2 krant"</code>
* <code>class="kolommen-2 krant"</code>
* <code>class="kolommen-3 krant"</code>
* <code>class="kolommen-3 krant"</code>
Regel 35: Regel 35:
Een lijst:
Een lijst:
<div class="kolommen-4">
<div class="kolommen-4">
* Item 1: Manderijnen
* Item 1: Mandarijnen
* Item 2: Appels
* Item 2: Appels
* Item 3: Peren
* Item 3: Peren
Regel 42: Regel 42:
* Item 6: Druiven
* Item 6: Druiven
* Item 7: Bananen
* Item 7: Bananen
* Item 8: Papaya's
* Item 8: Papaja's
* Item 9: Annanas
* Item 9: Ananas
* Item 10: Bosbessen
* Item 10: Bosbessen
</div>
</div>
4.504

bewerkingen