知識、知恵のカタマリ

[PR]コレがGoogleの検索ストーリー

解決済

clip!clip!
Ads By Google

タグの上の余白を狭くしたいのですが

ブログを書くと、一番下にタグのリンクが表示されますよね。
記事の最後の行とタグのリンクの間の余白を狭くしたいのですが、CSSのどの部分を修正すればいいのでしょうか?
ご存知の方いましたら教えてください

2006-06-28 01:37の質問
blog  
blog
ブログのかわいいポータルサイト「ヤプログ!」
www.yaplog.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2006-06-28 04:10:48ベスト
タグ: ○○○ □□□ △△△
と書かれた部分の事ですね?
BlogClick の広告の事ではないですね?

タグ: ○○○ □□□ △△△
の事と考えて回答します ・・・ がっ、

この質問にはあなたが現在利用なさっている、テンプレートのジャンル名、デザイン名が必要です。デザインによっては、CSS に記述されている仕方が違うので、今回、回答するにも不完全な状態での回答となります事ご理解ください。

管理画面に入って、カスタマイズ/管理 > デザインの設定 > カスタマイズ > を順にクリックしていくと CSS と 4つ の HTML のページが出てきます。

この内、CSS の中をのぞいて見て下さい。

今回この質問に関係すると考えられる CSS の個所は ・・・

.main
.mainmore
.article_tags

の部分なんですが、あるひとつのテンプレートを検証するのに開いた所、そのテンプレートにはこう書かれていました。

.main,.mainmore,.article_tags{
font-size:14px;
margin:10px 20px 0;
text-align:left;
}

margin の部分を見ると、上に 10px、下に 0px、左右に 20px の余白を取るよう指示がされています。この上に 10px の数字を減らせば、あなたの希望の余白が減ることになるのですが、このまま数字をさわれば、関係の無い部分まで余白が変更される事になります。ですので、上記の記述を分離させて、別に指示を出すようにしなければなりません。このようにです。↓

.main,.mainmore{
font-size:14px;
margin:10px 20px 0;
text-align:left;
}

.article_tags{
font-size:14px;
margin:10px 20px 0;
text-align:left;
}

この上で、分離させた下の .article_tags の中の margin の一番左の数字を変更します。このようにです。↓

margin:○○px 20px 0;

○○ の中の数字を現在のものより少なくすれば余白が少なくなります。0px にすれば、余白は 0 ( ゼロ ) です。

※ 字数制限の為、コメント >>#1 に続きを書きます。
回答レベル : 回答

ありがとうございます。
修正できました

Ads By Google

コメント(2)

#1.  AQ
2006-06-28 04:15:22

回答 >>1 の続きです。

記述変更後、CSS を保存。CSS の再構築をかけて下さい。
ブラウザーを再読み込みさせると表示反映されています。

あなたのテンプレートの CSS がこのタイプであれば良いのですが。もし記述されている内容が違うのであれば、コメント欄にて引き続きお聞きください。

#2.  AQ
2006-06-28 17:12:38

>TAKAHIROさん
この回答で解決したんですね。最近はテンプレートによって、CSS も HTML も統一されていない部分が多くて、" こうですよ! " と言えなくなって来ました。回答と中身が同じで良かったです。

ベストありがとうございました。(^^)

トラックバック(2)

トラックバックURL: