HTML:サイドバーのバナーの上下間隔に隙間が無い?
※ 記事欄の改行は基本的なブログ設定の状態で、書き込み時に上下の間隔が無い場合は Enter キーで改行できると思います。
ブログのサイドバーに承認を受けた商材のHTMLを頑張って張り続けて「完了〜」って喜んで自分のブログを確認したら・・・
バナーの間隔が無い事に気が付いて、血の気の引いた真っ青な顔で「なんじゃっ、コレ!?」って最初は経験するんですよねっ。
思わず「あ痛〜」ったって、自分がケガをした訳でもないのに叫んだり・・・
しても、既に遅しですから・・・
自己責任で修復するのも「あなた」です。
今回は上下バナーの間隔を広げる手法の解説となりますので、間隔を狭める手法は後日となります。
サイドバーに挿入したバナーやテキストのリンクで間隔が無い場合には上のバナーと次のバナーの間に <br> を入れてください。
これは改行を意味するHTMLとなります。
他にも改行のHTMLは存在しますが・・・
多くのブログサイトにあるヘルプでサイドバーのズレ修復を参照しても解説は <br> が殆んどなので大丈夫と思われます。
又、サイドバーに挿入したテキスト文章やリンクも同じです。
(ブログの基本的な標準設定ならサイドバーの部分での改行は表示に反映されません)
その後で[Enter]キーで改行して、次のバナーHTMLやテキスト等を挿入となります。
つまり ↓↓↓
※ バナーHTMLやテキスト(リンクを含む)*1 <br>
<br>
※ バナーHTMLやテキスト(リンクを含む)*2 <br>
<br>
※ バナーHTMLやテキスト(リンクを含む)*3 <br>
通常は、これで文字の1行分が空白となります。
この <br> は改行を指示するHTMLですから、数が多いほど上下の間隔が離れるという事になります。
センターに表示したバナーの説明に、テキストを左寄せで挿入する時はHTMLに注意が必要です。
バナーの指定には <p align="center"> と </p>
テキストの指定には <p align="left"> と </p>
を多用する事になります。
しかし・・・
それぞれの間隔が空き過ぎる時には </p> 後の <br> の数を省略してみてください。
それでも・・・
バナーの上下間隔が離れすぎ(記事欄とサイドバー共に起こる現象)ている場合の対処法は、後日でも記事にして右サイドバーに関連記事をリンクしますのでご利用くださいねっ
ではでは、( ^^) _旦~~
この記事へのコメント