楽天ブログでデーぶるを使うと上の方に空きが出来る

質問

３列・２行から３行のテーブルを使っています。
<table>
<tr>
<th>データ１</th>
<th>データ２</th>
<th>データ３</th>
</tr>
<tr>
<td>データ４</td>
<td>データ５</td>
<td>データ６</td>
</tr>
</table>
このように簡単なものです。
何か足りない物があるのでしょうか。

回答No.1

Chary_spy

テーブルタグと前のオブジェクト（表示されている物）との間が開くということですかね？

通常、テーブルタグでも上部にmargin（マージン）が設定されています。これはHTMLでのDTDといって書式とフォーマットが定義されているカテゴリーで決められています。詳細はW3Cのサイトで見てください。

サイト側で上部のオブジェクトにそこから下部のタグに対して、margin及びpadding（パディング)が設定されていれば、そのようになります。

CSSを勉強してその辺をコントロールできるようにすれば、どのようにでもできます。

例：
<table style="position:relative: top:-20px; margin-top:0px;">

などですね。あれ、楽天ブログでCSS設定が効いたっけ。

お礼

ありがとうございます。
やはり、今時ＣＳＳの勉強は不可欠なのですね。
頑張ります。