li、margin、list-style-type

Tree::Simpleを使ってツリー表示を実装する(つづき) - libnitsuji.so
これの続き。

実際の表示はツリーになってないけど、まあその辺は(たぶん)スタイルシートとかの問題なので今日はほおっておく。

となっていたので、リストにスタイルシートを適用しました。少しだけツリーっぽくなりました。marginで値を4つ指定するときは上から時計回りに指定します。list-style-typeでマーカーの種類を指定します。noneでマーカーなしで。

<ul>
[% FOREACH tree IN messages %]
[% m = tree.getNodeValue() %]
<li style="margin:0em 0em 0em [% tree.getDepth()+1 %]em;list-style-type:none">
[% m.id %] : [% m.title %] : [% tree.getDepth() %]<br>
</li>
[% END %]
<ul>

http://takatoshi.dyndns.org/bbs5/tree