孤雲野鶴

前々回のブログ記事では表を使いたかった。
そもそも、ブログにおいて表を簡単に作成できると考えることが素人なのかもしれない。ブログでは、表はフォームが用意されていて簡単に作成できると思っていた。所が、表についてのフォームはおろか、表についての説明もない。結局、HTMLで記述しなければ表を表現することはできないことが判った（そんなことは常識？）。
ブログは簡単であると思って始めた方が、表現上、表を必要とした場合、かなり困るのではないかと思った。そこで、参考になるかどうかはわからないが、ライブドアブログにおいて私が遭遇した問題点と注意点を述べる。

先ず、「デザインの設定」の「スタイルシート（CSS）」のページに表のスタイル（表のサイズ、文字の大きさ等）を記述する（注1）。

次に、投稿記事の中にHTMLを用いて表の記述をする（どちらが先でも構わないが・・）。この時の注意点は、記事の投稿画面の下にある「さらに詳しく設定する」をクリックし、「投稿フォームの設定」の中の、「改行をそのまま反映」にチェックを入れた場合・・、
通常は、見やすいように適当な位置で（<tr>の後など）、段を下げる。当然改行命令<br>は入れない。所がこの場合、改行した部分に自動的に改行命令<br>が、挿入される。その結果、実際のページでは、表の上下に広大なスペースができてしまう。だから、全て詰めて記述しなければならない。

「改行しても反映しない」にチェックを入れた場合は、改行命令<br>が、挿入されないので、文章（記事）の改行したい部分の最後に<br>を加える必要がある。

次の問題点は、判っている範囲では、「border」（外枠）と「cellpadding」（セル内の余白）命令は、何故か「スタイルシート（CSS）」の中に記述しても機能しない（私がどこかで間違っている可能性も有り）。そこで、投稿記事の中の表作成のためのHTMLの中に記述した（アンダーライン部分）（注2）。

注1：「デザインの設定」の「スタイルシート（CSS）」のページに挿入した表の記述。
table{
width:440px;
border-collapse:collapse;（注3）
font-size:12px;
margin-top:5px;
margin-bottom:5px;
}

注2：アンダーライン部が「スタイルシート（CSS）」で制御できない。
<table border="1px" cellpadding="2px">
<tr><td>開発コード</td><td>Katmai</td>・・（以下略）

注3：ボーダーの表示命令
border-collapse　:セルのボーダーの表示の仕方を指定する。
collapse　:隣接するセルのボーダーを重ねて表示する。
separate　:隣接するセルのボーダーの間隔をあけて表示する。