OCNホームページ → はてなダイアリーに移転中です。
画像のように、長ーーい空白ができてしまいます。<br>とか<P>は消したのですが・・・。
どこが悪いのでしょうか?教えてください!
ソースはこちらです。
http://d.hatena.ne.jp/uneki2012+hukugen1/20150730/1438221498
よろしくお願いします。
元の OCN のブログの記事では、大きなレイアウトを TABLE タグを使って作ってましたよね。
HTML を直接入力してたと思うので、ソースの見易さから TR のところや TD で改行をしています。
一方、はてなダイアリーでは、入力した記事の改行を <BR> に置き換えます(もしくは、<P>)。
この自動で挿入される <BR> が HTML の解釈上、TABLE の前にごそっと挿入されたようになっちゃうんです。
で、それを回避するには Pタグ停止記法 というのを使います。
今、記事に書いている TABLE の開始と終了タグ
<table> </table>
これを、以下のように書き換えてください。
↓この ">" と ><table> </table>< ↑この "<" を追加。
こうすると、記事先頭の長い余白がなくなります。
その代わり、記事中の改行が <BR> に変換されなくなっちゃうのですが、元の OCN のブログでは改行に <BR> を打っていたと思うので、引っ越しした記事では問題ないと思います。
凄い。あんなに調べても分からなかったのが、質問したらあっさり解決しました(笑)
2015/07/30 19:49:49a-kuma3様、ありがとうございました。
ぼくも、同じことで (?_?) ってなったことがありまして。
2015/07/30 21:42:40Pタグ停止記法は、別件で割りと最近 教えてもらいました。
はてな記法のヘルプは、ちょいちょい見るようにしているのですが、たくさんあるので使いどころがいまいち分からないものも多かったりします :-)