パソコンの電源を入れた時、メモリー空間に無限の宇宙が拡がる
スキンのカスタマイズも、もうすぐ終わりそうです。
やっぱり女性が来てくれるサイトはうれしいですね。
今週は２〇歳〇〇〇まで来てくれてひゃっほーというかんじです。２回も来てくれた。ありがとー。（あまりのうれしさに年齢とか職業とか書いちゃったけど、やっぱ消します）
一方、別ブログの「さっちゃんとマー君」は閑散としています。閑散としているのはいいんだけど、なんすかね女性に受け入れられていないような気がします。
このブログのスキンが出来たら次は「さっちゃんとマー君」を女性が親しめるようなサイトに改造したいと思っています。いやまじめに。やっぱり女性が来ないようなサイトはダメです。
で、今「さっちゃんとマー君」で取り上げているのが、熱血検事ドラマ「H-ERO」（エッチ エロ）。このタイトルがツボに入ってしまった。
“熱血検事物「H-ERO」エッチ エロ” の続きを読む
ブログの中に表を入れたら下に下がってしまった。という時の対処スクリプトです。
ブログの原稿にテーブルのソースを含めた時、テーブルが下に表示されるのは、改行部分に br タグが自動入力されてしまうのが原因です。そうならないためにテーブルのHTMLから改行を削除するスクリプトです。
このスクリプトは、ひとつ前の記事「表テーブルが下がる原因と対処法」の改行削除スクリプトと同じものです。
ここをクリックすると入力窓に、テスト用テーブルが書き込まれますので、動作確認にどうぞ。（動作確認後は、上のエリアに別のテーブルを入れてからもう一度ボタンを押してください）
ここに元のテーブルのソースコードを入れてください
一番下のボタンを押すと、この下に改行を削除したテーブルのソースが書き出されます。
ブログにテーブル（表）を入れたら、下のほうで表示される。下がってしまってスペース（空白）が出来る。原因がわからないが、私はもっと上で表示したいんじゃ！とお嘆きのときの理由と対策。狙い通りにレイアウトする方法。
ブログにテーブル（表）を入れたら、下のほうで表示される。下がってしまってスペース（空白）が出来る。原因がわからないが、私はもっと上で表示したいんじゃ！とお嘆きの時の理由と対策。狙い通りにレイアウトする方法。
実は以前の記事「色つきの枠で文章を囲みたい」で理由は書いているんですが、記事の途中に書いたので見つけづらいかなと思って。再掲します。
「色つきの枠で文章を囲みたい」より再掲
ブログを書いているとき、Enterを押して文章を改行させれば、その通りWebで表示されます。
しかし、本来のHTMLでは改行の指示はbrタグで行います。普通の文章と違って、brタグが出てこない場合、改行は行われません。
ブログの場合、Enterを押して文章を改行させると自動でbrタグを挿入します。それでWebでも改行されているわけです。
今回の場合、HTMLを書いているのですが、ブログはそれを知らないので<div style=”border:3px dashed #ff0000″>の後にEnterを押すと、brタグを自動挿入します。
その結果、１行下がって表示されてしまうのです。ですから<div style=”border:3px dashed #ff0000″>の後に、改行せず続けて次の文章を書けば、１行下がりません。
このブロックは、みかんさん用の説明。
これがみかんさんのページのHTMLなんですけど、TABLEの中に<br><br>がたくさんあるのがわかりますか？これが原因です。
今見ているこのページの最後にスクリプトを用意したので、それでブログに貼り付ける前の元の素材の改行をなくして、改めてテーブルを貼りなおせば直ると思いますよ。
いいサイトですね。みかんの部屋
わかりやすくしたかったので上の記事では、Enterを押せばと書きましたが、実際はコピペでも同じで改行があれば<br>に自動変換します。
つまり、下のコードをそのまま貼ると18行下に表示されます。それは改行が18個あるからです。普通の文章だと改行は１回ですから、この表の場合は想定よりも１７行余計下にレイアウトされることになります。
参考記事：ブログの中に表を作るぞ！の巻（表の作り方の説明）
<table>←改行１ <tr>←改行２ <th>タイトル</th>←改行３ <th>作者</th>←改行４ </tr>←改行５ <tr>←改行６ <td>坊ちゃん</td>←改行７ <td>夏目漱石</td>←改行８ </tr>←改行９ <tr>←改行１０ <td>蜘蛛の糸</td>←改行１１ <td>芥川龍之介</td>←改行１２ </tr>←改行１３ <tr>←改行１４ <td>伊豆の踊り子</td>←改行１５ <td>川端康成</td>←改行１６ </tr>←改行１７ </table>←改行１８
答え、改行しない。
ある意味正しいんですが、まあね。人の作った素材を掲載することもあるでしょうし、そうなるとコピペもままならないです。
ブログによっては自動改行を無効にする設定があります。それを使えばよさげですが、そうするのであれば記事全体をHTMLで書く必要があります。なぜならタグの自動挿入をしてくれないから。
この記事は、ここまで自動改行を有効にして書いています。自動改行を有効にして書いたブログの記事を、自動改行なしでブラウザで表示するとこうなります。
こうならないためにはタグを入力しながらHTMlを書いていく必要がありますが、それではブログの便利さが消えてしまう。
テーブルの中でだけbrタグを無効に出来ないかと思って下のコードを試して見ましたが、効きませんでした。
table br{
display:none;
}
本来、tableタグ直下にbrタグがあることはありえないので、やむをえない結果です。
では、どうするか？現状では改行コードを削除して入力するしかなさそうです。そこで、改行を削除するJavaScript（ジャバスクリプト）を書いてみました。
上のエリアにテーブルのコードを貼り付けてください。いちばん下のボタンを押すと、改行を取り除いて下に表示されます。それをブログに貼り付けて使ってください。
ここをクリックすると入力窓に、テスト用テーブルが書き込まれますので、動作確認にどうぞ。（動作確認後は、上のエリアに別のテーブルを入れてからもう一度ボタンを押してください）
ここに元のテーブルのソースコードを入れてください
一番下のボタンを押すと、この下に改行を削除したテーブルのソースが書き出されます。
このスクリプトのみを、別ページにも設置しました。
「HTMLのテーブルが下に下がらないための改行カットスクリプト」
