xhldでテーブルの膨張。
20070517
xoopsのヘッドラインモジュールであるxhldを利用させて頂いているのですが、
今日はそれをちょこっと修正しましたー。
まずはdescriptionを表示する部分がテーブルで作られているので、本文次第ではレイアウトが崩れてしまっていた部分を修正。
とりあえずxhldのindex.htmlテンプレートで
次にcssで
あとは、feed.htmlの部分でSimpleAPI を利用して
サイトのサムネイルを表示させてみたりー…。
ちょっとこのSimpleAPI にははまっちゃいそうです♪
今日はそれをちょこっと修正しましたー。
まずはdescriptionを表示する部分がテーブルで作られているので、本文次第ではレイアウトが崩れてしまっていた部分を修正。
とりあえずxhldのindex.htmlテンプレートで
<tr class="<{cycle name=desc values="even,odd"}>">
<td></td>
<td colspan="2"><{$mixlist.items[i].description}></td>
</tr>
を
<tr class="<{cycle name=desc values="even,odd"}>">
<td></td>
<td colspan="2"><div><{$mixlist.items[i].description}></div></td>
</tr>
と修正。次にcssで
td{
word-break:break-all;
}
td div{
overflow:hidden;
}
としてあげることでIE・Firefox両方ともで崩れを防ぐことができましたー。あとは、feed.htmlの部分でSimpleAPI を利用して
サイトのサムネイルを表示させてみたりー…。
ちょっとこのSimpleAPI にははまっちゃいそうです♪