Ads By Google
タグの上の余白を狭くしたいのですが
ブログを書くと、一番下にタグのリンクが表示されますよね。記事の最後の行とタグのリンクの間の余白を狭くしたいのですが、CSSのどの部分を修正すればいいのでしょうか?
ご存知の方いましたら教えてください
2006-06-28 01:37の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(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 に続きを書きます。
と書かれた部分の事ですね?
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 も統一されていない部分が多くて、" こうですよ! " と言えなくなって来ました。回答と中身が同じで良かったです。
ベストありがとうございました。(^^)



