2014-01-30 60 views
0

在鏌鋣我嘗試創建getResources表,但我有麻煩......表設置最大行的在TR

大家誰讀這,不關心,它不是一個純粹的鏌鋣問題,它更多的HTML問題

例如我的電話是:

[[Wayfinder? &startId=`[[*id]]` &level=`1` &where=`{"isfolder":"1"}` &rowTpl=`menuRowMiddle` &outerTpl=`menuOuterMiddle`]] 

和我的模板: 外:

<td width="50%" valign="top"> 
    <div style="padding: 5 0 5 0;"> 
     <a style="font-size: 14px; font-weight: bold; padding: 10 0 10 0; text-decoration: none;" href="[[+wf.link]]" [[+wf.attributes]]><span>[[+wf.linktext]]</span>[[+wf.wrapper]]</a> 
    </div> 
    <div style="padding-left: 10px;"></div> 
</td> 

行:

<td width="50%" valign="top"> 
    <div style="padding: 5 0 5 0;"> 
     <a style="font-size: 14px; font-weight: bold; padding: 10 0 10 0; text-decoration: none;" href="[[+wf.link]]" [[+wf.attributes]]><span>[[+wf.linktext]]</span>[[+wf.wrapper]]</a> 
    </div> 
    <div style="padding-left: 10px;"></div> 
</td> 

,但我有一個TR和TD的

但巨大的算!如何限制這個td - 一行中,這樣tr必須是一些計數,而不是一個...

我可以做到這一點純HTML或不? (?也許CSS)

+0

請提供您預期結果的標記,因爲它不清楚您要求的結果。刪除內聯樣式,因爲它們只是混淆了代碼(他們是不好的做法 - 將它們放入樣式表中)。 – okyanet

+0

@okyanet SA結果我需要

​​​​​​​​以這樣的方式
,最大的兩款TD在一個TR – brabertaser19

回答

0

更改您的代碼的輸出是:

<tr>  
<td valign="top"> 
    <div style="padding: 5 0 5 0;"> 
     <a style="font-size: 14px; font-weight: bold; padding: 10 0 10 0; text-decoration: none;" href="[[+wf.link]]" [[+wf.attributes]]><span>[[+wf.linktext]]</span>[[+wf.wrapper]]</a> 
     </div> 
    <div style="padding-left: 10px;"></div> 
</td> 
</tr> 

和你應該確定

+0

然後我只有一個columnt,但需要2)))\ – brabertaser19

0

的Wayfinder沒有指定交替的奇/ n個區塊的選擇,所以它不是可能構建serverside。您的選擇是將它全部輸出到一行,並使用javascript將表格重新編譯爲您喜歡的結構,或者在可能的情況下更改爲使用getResources,您可以在其中使用參數&tplFirst, &tpl, &tplOdd/&tpl_nN, &tplLast準確構建您所需的內容。

如果你真的想使用Wayfinder,你可以隨時修改它以啓用交替使用&rowTpl但這應該是最後的手段。

即使使用:nth-child將絕對定位TD的CSS選擇器與定位器結合起來可能會更多或更少,因爲您確實需要幾個類來確定何時要將元素垂直和水平移動。