-w-number-columns

Nutzbar ab: Version 009.001.078.000
Mögliche WerteBeschreibungEinsatzgebiet
[Zahl]

Definiert die Anzahl an Spalten zum mehrspaltigen Inhaltscontainer

container.standard.wItem.php

Beispiele / Anwendungsfälle

Beispiel 1: Spaltenvariante 25 / 50 / 25, einsetzbar in allen Inhaltsbereichen

/*@wCssFragment{class:elementContainerStandardColumns;variant:255025;caption:Dreispaltig 25 / 50 / 25;caption-en:25 / 50 / 25;contentgroups:}*/
.elementContainerStandardColumns_var255025                           {-w-number-columns:3}
.elementContainerStandardColumns_var255025 .col1                     {float:left;width:25%}
.elementContainerStandardColumns_var255025 .col2                     {float:left;width:50%}
.elementContainerStandardColumns_var255025 .col3                     {float:right;width:25%}
.elementContainerStandardColumns_var255025 .col1_inner               {margin-right:13px}
.elementContainerStandardColumns_var255025 .col2_inner               {margin-left:6px;margin-right:7px}
.elementContainerStandardColumns_var255025 .col3_inner               {margin-left:14px}

Beispiel 1: Spaltenvariante 20 / 20 / 20 / 20 / 20, nur einsetzbar im oberen Bereich

/*@wCssFragment{class:elementContainerStandardColumns;variant:2020202020;caption:Fünfspaltig 20 / 20 / 20 / 20 / 20;caption-en:20 / 20 / 20 / 20 / 20;contentgroups:content3}*/
.elementContainerStandardColumns_var2020202020                       {-w-number-columns:5}
.elementContainerStandardColumns_var2020202020 .col1                 {float:left;width:20%}
.elementContainerStandardColumns_var2020202020 .col2                 {float:left;width:20%}
.elementContainerStandardColumns_var2020202020 .col3                 {float:left;width:20%}
.elementContainerStandardColumns_var2020202020 .col4                 {float:left;width:20%}
.elementContainerStandardColumns_var2020202020 .col5                 {float:right;width:20%}
.elementContainerStandardColumns_var2020202020 .col1_inner           {margin-right:16px}
.elementContainerStandardColumns_var2020202020 .col2_inner           {margin-left:4px;margin-right:12px}
.elementContainerStandardColumns_var2020202020 .col3_inner           {margin-left:8px;margin-right:8px}
.elementContainerStandardColumns_var2020202020 .col4_inner           {margin-left:12px;margin-right:4px}
.elementContainerStandardColumns_var2020202020 .col5_inner           {margin-left:16px}
weblics.de: Mehrspaltiger Inhaltscontainer - Spaltenkombinationen
Spaltenbreiten im mehrspaltigen Inhaltscontainer nachträglich über CSS-Only umsetzen