MovableTypeのタグを横並びで表示したいのですが・・・

こんにちは。

MovableTypeのタグについて質問があります。

タグといっても共通の言葉をまとめておくほうのタグですが、これを設定すると、各エントリーの一番下に、タグ：　と表示され、その下に縦方向のリスト表示されます。

もちろん表示する場所は自分でテンプレートを書き換えればいいわけですが、この縦書きをなんとか横書きにしたいと思っています。

というのもタグをたくさん指定すると、縦に長くなってしまい、見栄えがあまりよくないからです。

どなたか、タグを横書きする方法を教えていただけないでしょうか？
ちなみに今のところテンプレートは

<MTEntryIfTagged>
<div class="entry-tags">
<h4 class="entry-tags-header">タグ:</h4>
<ul class="entry-tags-list">
<MTEntryTags>
<li class="entry-tag"><a href="<$MTTagSearchLink$>" rel="tag"><$MTTagName$></a></li>
</MTEntryTags>
</ul>
</div>
</MTEntryIfTagged>

となっています。

ul、liを消してみたりしたのですが、どうもうまくいかなかくて・・・

よろしくおねがいします。

No.1 ベストアンサー 回答者： Muller3 回答日時： 2007/10/06 18:25

スタイルシートに

display: inline;
を指定すればできると思います。
例えば

タグ:　ほにゃ　ほにゃら　ほにゃらら

としたい場合は

.entry-tags-header,
.entry-tags-list,
.entry-tag {
display: inline;　←これがポイント
}
.entry-tags-list {
list-style:none;
}

みたいな感じでできると思います。
あとは適当にmarginやらpaddingやら指定します。

この回答へのお礼

いつも早急なお返事ありがとうございます。

スタイルシートで設定するんですね～

全然わかりませんでした。

そしてスタイルシートの中身もまだほとんど理解しておりません（笑）

でも、教えていただいたとおりコピペでやったらできました。

ありがとうございます！！

お礼日時：2007/10/07 11:29