Georg Willemsen
Hagelkreuzstr. 27
46509 Xanten
Tel: 02801 - 705093
Email: info@gewisoft.de

W2D-Userforum

W2D-Themenpage

Möchte man in W2D den Inhalt in 2 Spalten statt in einer darstellen, so muß man sich in der Regel mit einer Tabelle behelfen.
Mit einigen Änderungen in den CCML-Dateien ist dies jedoch auch möglich.

Spalte links

Fundum pes sesquimellesimus Socors ango abeo promitto, pro infecundus re Quid illi aro incrementabiliter Frustro quo Latro pax Ethologus nec Ico ops Fabrico innotesco. Dux sesquialter illum vis derigo, vel Prompte mos Quando ut laxamentum. Ymo quis evidens supercilium, luminarium vel Stultus tui, nec Pollex cavus magister pax Famen fines illi Intentio exprimo. An sus agna edo Cuspis for praetermi.

Spalte rechts

Fundum pes sesquimellesimus Socors ango abeo promitto, pro infecundus re Quid illi aro incrementabiliter Frustro quo Latro pax Ethologus nec Ico ops Fabrico innotesco. Dux sesquialter illum vis derigo, vel Prompte mos Quando ut laxamentum. Ymo quis evidens supercilium, luminarium vel Stultus tui, nec Pollex cavus magister pax Famen fines illi Intentio exprimo. An sus agna edo Cuspis for praetermi.

Anleitung

Beispiel mit Phi...

Soll auf einer Seite der 'normale' Content, ohne Spalten angezeigt werden, braucht gar nichts gemacht werden.

Soll einspaltiger Content mit 2-Spaltigen Content gemicht werden, so werden wieder
HTML-Absätze benötigt.

nur eine Spalte:
<cc:set obj="contentpos" value="mitte">

2 Spalten:

linke Spalte

<cc:set obj="contentpos" value="links">

rechte Spalte

<cc:set obj="contentpos" value="rechts">

Die Absätze brauchen nur zu Beginn einer 'Spaltenart' gesetzt werden, alle nachfolgenden Absätze werden dieser dann
zugeordnet.
Erst wenn gewechselt werden soll, muß ein neuer HTML-Absatz eingefügt werden.

Code

page.ccml



<cc:loop type="paragraph" obj="para">

<cc:if cond="&contentpos='links'">
<cc:set obj="center_content_div" value="">
<cc:set obj="right_content_div" value="">

<cc:if cond="&left_content_div=''">

<cc:if cond="&div_setzen='ja'">
</div>
<cc:set obj="div_setzen" value="nein">
</cc:if>

<cc:set obj="left_content_div" value="ja">
<div class="contentlinks">
<cc:set obj="div_setzen" value="ja">
</cc:if>

<cc:else>

<cc:if cond="&contentpos='rechts'">
<cc:set obj="center_content_div" value="">
<cc:set obj="left_content_div" value="">

<cc:if cond="&right_content_div=''">

<cc:if cond="&div_setzen='ja'">
</div>
<cc:set obj="div_setzen" value="nein">
</cc:if>

<cc:set obj="right_content_div" value="ja">
<div class="contentrechts">
<cc:set obj="div_setzen" value="ja">

</cc:if>
<cc:else>

<cc:if cond="&contentpos='mitte'">

<cc:set obj="right_content_div" value="">
<cc:set obj="left_content_div" value="">

<cc:if cond="&center_content_div=''">

<cc:if cond="&div_setzen='ja'">
</div>
<cc:set obj="div_setzen" value="nein">
</cc:if>

<cc:set obj="center_content_div" value="ja">
<div class="contentmitte">
<cc:set obj="div_setzen" value="ja">



</cc:if>
</cc:if>

</cc:if>

</cc:if>
.
.
.
</cc:loop>
<cc:if cond="&div_setzen='ja'">
</div>
<cc:set obj="div_setzen" value="nein">
</cc:if>



<cc:*> Varibalen zur&uuml;cksetzen</cc:*>
<cc:set obj="right_content_div" value="">
<cc:set obj="left_content_div" value="">
<cc:set obj="left_content_div" value="">
<cc:set obj="center_content_div" value="">
<cc:set obj="contentpos" value="">

Code

style_design.css

.contentmitte {
margin-left: 0px;
width: 460px;
float: left;
}



.contentlinks {
margin-left: 0px;
width: 200px;
float: left;
}

.contentrechts {
width: 200px;
float: right;
margin-top: 0px;
}