解決済
ライブドアブログですがプラグインはできましたが画面を見ると隙間があります。上下のスキマをなくしたいのですが。教えてください
ライブドアブログですがプラグインはできましたが画面を見ると隙間があります。上下のスキマをなくしたいのですが。教えてください。自分のブログのURL乗せます。プロフィールなどです。
2006-11-07 19:37の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(1)
1.
2006-11-07 21:03:29
CSS の何ケ所かを変更しなければなりませんね。それとご利用のデフォルトテンプレートにバグが見つかりました。それも修正しておきましょう。後もうひとつ、あなたの投稿記事記事の中にも、おかしな点があります。それもついでにやっちゃいましょう。
■ まずデフォルトのバグから。
これらを修正しておかなければ、CSS などを変更したさいに影響が出ることがありますので先にしておくほうが良いでしょう。
管理画面の 『 カスタマイズ / 管理 』 のタブをクリックして、『 デザインの設定 』 ＞ 『 カスタマイズ 』 ＞ に進むと、４ つの HTML がでてきます。
その ４ つの HTML （ トップページ、個別記事、カテゴリ、月別 ） の中に記載されている ・・・
<div id="container">
<div id="banner">
と書かれている部分のもう少し下のほうにこういう部分があります。↓
<div style="padding:200px ・・・ なんやかんや ・・・ border="0" alt="タグふれんず";"/></a></div>
alt="タグふれんず";"/> を見て下さい。
この記述はミスですね。これを修正しましょう。
alt="タグふれんず"/> こうするだけです。
これらを各 HTML すべて修正して、保存、再構築をかけて下さい。
次に、投稿記事内の修正をしましょう
『 2006年11月07日 』 の記事です。
タイトル " 1000ポイントゲットです♪ " の記事の中にバナーやブタのイメージが貼り付けられています。
これは問題は無いと言えば無いのですが、各値は 『 " " 』 ダブルクォーテンションでくくった方が良いと思います。例えば border=0 などは、border="0" のように。すべての値にそうしていただければと思います。
ブタのイメージはタグがこうなっています。
width="15height="30"
上記のようにこの部分の記述がおかしいです。
この部分をこうして下さい。↓
さあ、これでその記事を再投稿して下さい。
■ まずデフォルトのバグから。
これらを修正しておかなければ、CSS などを変更したさいに影響が出ることがありますので先にしておくほうが良いでしょう。
管理画面の 『 カスタマイズ / 管理 』 のタブをクリックして、『 デザインの設定 』 ＞ 『 カスタマイズ 』 ＞ に進むと、４ つの HTML がでてきます。
その ４ つの HTML （ トップページ、個別記事、カテゴリ、月別 ） の中に記載されている ・・・
<div id="container">
<div id="banner">
と書かれている部分のもう少し下のほうにこういう部分があります。↓
<div style="padding:200px ・・・ なんやかんや ・・・ border="0" alt="タグふれんず";"/></a></div>
alt="タグふれんず";"/> を見て下さい。
この記述はミスですね。これを修正しましょう。
alt="タグふれんず"/> こうするだけです。
これらを各 HTML すべて修正して、保存、再構築をかけて下さい。
次に、投稿記事内の修正をしましょう
『 2006年11月07日 』 の記事です。
タイトル " 1000ポイントゲットです♪ " の記事の中にバナーやブタのイメージが貼り付けられています。
<a href=http://www.butachoki.net/?n=7219 target=_blank><img alt=お小遣い稼ぎ総合支援 サービス豚の貯金箱 src=http://www.butachoki. net/Index/banner/120x60_3.gif width=120 height=60 border=0></a>
これは問題は無いと言えば無いのですが、各値は 『 " " 』 ダブルクォーテンションでくくった方が良いと思います。例えば border=0 などは、border="0" のように。すべての値にそうしていただければと思います。
ブタのイメージはタグがこうなっています。
<img src="http://image.blog.livedoor.jp/ rin1000/imgs/9/9/99272cd1.gif" width="15 height="30" border="0" alt="豚小" hspace ="5" class="pict" align="left" />
width="15height="30"
上記のようにこの部分の記述がおかしいです。
この部分をこうして下さい。↓
width="15" height="30"
さあ、これでその記事を再投稿して下さい。
回答レベル : 回答
大変参考になりました。PC初心者なもので。本当にありがとうございました
Ads By Google
コメント(3)
#1. AQ♪
2006-11-07 21:13:14
字数制限に引っかかったので、CSS の修正はコメント欄に引き続き書きます。
管理画面の 『 カスタマイズ / 管理 』 のタブをクリックして、『 デザインの設定 』 ＞ 『 カスタマイズ 』 ＞ に進むと、CSS がでてきます。
変更する個所は、以下の場所です。
.side{ }
.sidebottom{ }
この２ヶ所の中の記述変更だけでいけると思うのですが、質問には上下と書かれていましたが、上はさわらないほうが良いと思います。下の大きな余白部分を縮めるように変更しましょう。
現在のご自身の CSS と下に書いた CSS の記述を見比べて下さい。下に書いた記述をそのまま、現在の CSS に書き換えれば OK です。↓
.side{
font-size:12px;
text-align:center;
line-height:100%;
padding:10px 0px 0px;
width:190px;
}
.sidebottom{
padding:0px 0px 0px;
width:190px;
height:7px;
}
#3. AQ♪
2006-11-07 21:18:44
↑ これで一度様子を見て下さい。
その後、コメント欄にあなたのご意見を書き込んで頂いて、微調整していくのは、どうでしょうか (･･?)
なお、プラグインの " プロフィール " は CSS の調整ではどうにもできません。あのプラグインには直接 HTML で、下部に余白を持たせる記述になっているので、こちら側で変更することは無理です。
フリーエリアを選択して、自分でプロフィール欄を
作成するようにすれば、大丈夫ですが・・・。
#4. AQ♪
2006-11-08 01:29:32
またわからないことがあれば、
いつでもナレッジへお越しください。(^^)
ベストありがとうございました。
