HiMAT-ガンダムとＣＧ-

[blog]行間を読め！解決「案」編（cssの行間の件について。line-height: ）

詳しくは前の記事を読んでもらうとして

/* タイトルと本文の行間を狭くする対処 */
.blogbody p {
margin-top: 5px;
margin-bottom: 5px;
}

タイトルと本文の行間を狭くする為に全体的に<P> をいじってあったのが原因という所まで分かりました。

とりあえず解決案＞

/* エントリーのタイトル */
.title {
font-size: 12px;
color: #333333;
padding-top:5px;
padding-left:0px;
margin-bottom:0px;
padding-bottom:0px;
line-height: 5px;/*追加*/
}

line-height: 5px;/*追加*/でタイトルと本文の行間のみ狭くできます。日付けとも狭くなるのが難点。
うちみたいな画像を良く文頭に張るデザインの場合、空いていても特に気にならないのですがね（＾＾；

他の解決方法＞
メインページテンプレートでは
<h3 id="a<$MTEntryID pad="1"$>" class="title">□<$MTEntryTitle$></h3>
<$MTEntryBody$>
となっているので<$MTEntryBody$>を直接いじればなんとかなりそうです。
＃ユーザーレベルでは不可能でしょうけど。

ちなみにちょっとpixelは個人的にこそばゆいので
blogbody p {
margin-top: 1em;
margin-bottom: 1em;
}
にしてみました。いや、一部だけ変えても意味ないですが（＾＾；

ともあれにyujiroさん（小粋空間）に多謝。

＃何か参考にならないかとHINAGATAテンプレ（これも３カラムテンプレとしてはメジャー）も
＃見ましたがあれもあれでなかなかクセが（＾＾；
＃別のブログで使っています。