解決済

clip!clip!
Ads By Google

最新記事の行間が左サイドの記事タイトルとカテゴリーのタイトルをクリックして見た場合、行間が2倍以上に膨れ上がってしまいます!

ブログを投稿後、サイトを見るとトップページでは最新記事として、行間が思い通りに表示されて読みやすいのですが、左サイド、右サイドの記事とカテゴリのタイトルをクリックしてこの最新記事をみると行間が2倍になって大変醜いのです。

どうしてでしょうか?よろしくお願いします!

rirekiko

2007-03-16 19:32の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2007-03-16 20:53:54ベスト
もし、以前、HTMLテンプレートに変更をくわえたことがあるのでしたら、各HTMLテンプレートの次のところを捜して、確認してみて下さい。

<div class="main"><$ArticleBody$><br><br clear="all"></div>
これがなくて、
<$ArticleBody$><br><br clear="all"></div>
となっていないでしょうか?
<div class="main">
が付いていなければ、付けて下さい。

もし、トップページのHTMLテンプレートのほうに付いていなければ、気に入ったように変えるには、スタイルシートのほうも変更する必要があります。
スタイルシートの
.main,.mainmore,.article_tags{
}
の { } の中に
line-height:150%;
というような設定があると思います。
ここの数字を少なくすれば、行間が縮まります。

実際にブログを見ないとよく分かりませんので、この回答が全く違う可能性もあります。
ブログのURLを添えられたほうが、正確な回答が得られる可能性が高いです。
回答レベル : 回答

horseflyさま、

今朝一番にヒョッと気ついて、
ご指摘の line-height:150% を
.main,.mainmore, の{}に挿入しました。

すると問題が見事に解決されました。

私のCSSテーンプレートには上記が
入っておりませんでしたので助かりました!

ほんとにいつも解決していただいて感謝致します!
有難うございました!

Ads By Google

コメント(3)

2007-03-16 22:00:44

horsefly様、

いつも直ぐにご親切なお返事を頂いてとても感謝してます。さっそくCSSの.main,.mainmore,...
の箇所にline-height:100%;と挿入してみました。
すると記事が全く表示されません。又、元に戻しました。

私のサイトのURLは:
http://rank111.livedoor.biz/ です。

テーンプレートの各ページのご指摘の箇所は次のようになってます。

topページ
<div class="main">

<$ArticleBody$><IfArticleBodyMore><a href="<$ArticlePermalink$>" class="continues">続きを読む</a></IfArticleBodyMore><br clear="all" />

個別記事
<div class="main">
<$ArticleBody$><br clear="all" />
</div>

カテゴリー
<div class="main">

<$ArticleBody$><IfArticleBodyMore><a href="<$ArticlePermalink$>" class="continues">続きを読む</a></IfArticleBodyMore><br clear="all" />

rirekiko

2007-03-16 22:02:19

horsefly様、

文字が多すぎて書ききれませんでしたので追加です。

申し訳ありませんがURLを見ていただけますでしょうか? よろしくお願い致します。

rirekiko

2007-03-17 11:28:42

horseflyさん、
有難うございました。

line-height:150%をご指摘の箇所に
挿入して問題が見事に解決されました!

有難うございました!感謝!

ポプラ

トラックバック(2)

トラックバックURL: