livedoor ナレッジ

postedの表示について

本文の下にあるコメント、トラックバック等が3行になっています。これを1行にするにはどのようにタグを設定したら良いのでしょうか？
どなたかよろしくお願いします。

時間はどうしますか？→ (22:49)

これも含めて横並びにさせる方法を回答しておきますね。<div> タグで囲まれているタグを並べると改行されちゃうので、内側のタグを <span> で囲み直しします。今あなたのトップページのその部分は現状こうなっています。↓（ わかりやすいように、整理して書いていますが ・・・ ）

<div class="articletimes">(<$ArticleTime$>)<br clear="all"></div>
<div id="ad">
</div>
<div class="posted">
<div class="inposted">
<div class="posturl"><a href="<$ArticlePermalink$>">Permalink</a></div>
<IfArticleAllowComment><div class="postcomment"><a href="<$ArticlePermalink$>#comments">Comments(<$ArticleCommentCount$>)</a></div></IfArticleAllowComment>
<IfArticleAllowPing><div class="posttb"><a href="<$ArticlePermalink$>#trackback">TrackBack(<$ArticlePingCount$>)</a></div></IfArticleAllowPing>
</div>
</div>

これをこうしちゃいましょう。↓

<div id="ad">
</div>
<div class="posted">
<span class="articletimes">(<$ArticleTime$>)</span>&nbsp;&nbsp;
<span class="inposted">
<span class="posturl"><a href="<$ArticlePermalink$>">Permalink</a></span>
<IfArticleAllowComment><span class="postcomment"><a href="<$ArticlePermalink$>#comments">Comments(<$ArticleCommentCount$>)</a></span></IfArticleAllowComment>
<IfArticleAllowPing><span class="posttb"><a href="<$ArticlePermalink$>#trackback">TrackBack(<$ArticlePingCount$>)</a></span></IfArticleAllowPing>
</span>
</div>

これでどうでしょうか？ >>1 zero さんと同じく、元の HTML はいつでも戻せるようにバックアップを必ず取っておいて下さい。

☆ さん。ご質問ありがとうございます。

<div class="posted">
<div class="inposted">
<div class="posturl"><a href="<$ArticlePermalink$>">Permalink</a></div>
<IfArticleAllowComment><div class="postcomment"><a href="<$ArticlePermalink$>#comments">Comments(<$ArticleCommentCount$>)</a></div></IfArticleAllowComment>
<IfArticleAllowPing><div class="posttb"><a href="<$ArticlePermalink$>#trackback">TrackBack(<$ArticlePingCount$>)</a></div></IfArticleAllowPing>
<IfArticleCategory1><div class="postcategory1"><a href="<$ArticleCategory1Url$>"><$ArticleCategory1$></a>&nbsp;</div></IfArticleCategory1>
<IfArticleCategory2><div class="postcategory2"><a href="<$ArticleCategory2Url$>"><$ArticleCategory2$></a></div></IfArticleCategory2>
</div>
</div>

上記のような部分があると思います。

これを、下記のように変えられてみて下さい。

<div class="posted"><a href="<$ArticlePermalink$>">Permalink</a>|&nbsp;<IfArticleAllowComment><a href="<$ArticlePermalink$>#comments">Comments(<$ArticleCommentCount$>)</a>|&nbsp;</IfArticleAllowComment><IfArticleAllowPing><a href="<$ArticlePermalink$>#trackback">TrackBack(<$ArticlePingCount$>)</a>|&nbsp;</IfArticleAllowPing><IfArticleCategory1><a href="<$ArticleCategory1Url$>"><$ArticleCategory1$></a>|&nbsp;</IfArticleCategory1><IfArticleCategory2><a href="<$ArticleCategory2Url$>"><$ArticleCategory2$></a>|&nbsp;</IfArticleCategory2></div>

変更したら、トップページの再構築をされ、サイトを確認されて下さい。
問題なければ、カテゴリーページ、月別ページも同様に変更されて下さい。

問題が改善されない場合は、この質問のコメント欄にお気軽にコメントされて下さい。
詳しい方からより良い意見が寄せられると思います。

<div class="articletimes">(<$ArticleTime$>)<br clear="all"></div>
↑これ削除。

<div class="posted">(<$ArticleTime$>)|<a href="<$ArticlePermalink$>">Permalink</a>|<IfArticleAllowComment><a href="<$ArticlePermalink$>#comments">Comments(<$ArticleCommentCount$>)</a>|</IfArticleAllowComment><IfArticleAllowPing><a href="<$ArticlePermalink$>#trackback">TrackBack(<$ArticlePingCount$>)</a>|</IfArticleAllowPing><IfArticleCategory1><a href="<$ArticleCategory1Url$>"><$ArticleCategory1$></a>|</IfArticleCategory1><IfArticleCategory2><a href="<$ArticleCategory2Url$>"><$ArticleCategory2$></a>|</IfArticleCategory2></div>



CSSで下記を変更。

.posted{
text-align:bottom;
color:#999999;
}

↓

.posted{
text-align:bottom;
color:#999999;
font-size:10px;
}


とかどうですか？（＾＾；