ホームページ 無用な空白を詰めたい

質問

ホームページを作っています。
テーブルを入れるとヘッダーとの間隔が開いてしまいます。
テーブルの行を追加すると間隔がどんどん広がってしまいます。

<h2>販売情報</h2>
<!-- 　この部分がどんどん広がってしまいます　-->　
<Table border="2" cellspacing="1" BGCOLOR="#EEEEDD" VLINK="#ff0000" >
<TR>
　　<TD COLSPAN=3 ALIGN="CENTER">&nbsp;</TD>
<TD>2012/上</TD>
<TD>2012/下</TD>
<TD>2013/上</TD>
<TD>2013/下</TD>
<TD>2014/上</TD>
<TD>2014/下目標</TD>
<TD>2014/10実績</TD>
</TR>

<TR>
<TD ROWSPAN=4 WIDTH=3><FONT COLOR="#5555FF"><B>営業１部</FONT></TD>
<TD ROWSPAN=2 WIDTH=3><FONT COLOR="#5555FF"><B>ＡＢ課</FONT></TD>
<TD><B>不良率</B></TD>
<TD>4.35%</TD>
<TD>4.99%</TD>
<TD>5.02%</TD>
<TD>6.29%</TD>
<TD>6.12%</TD>
<TD>2.28%</TD>
<TD>-</TD>
　 </TR>
</Table>

回答No.1

kobliha · ベストアンサー

ブログの記事投稿ということでいいだろうか。
この手の質問は多い。

ブログの投稿画面はデフォルトで「Enter = 改行]になっている。
一方テーブルタグは「表」であるから、セルなどのタグ以外に余計なものがあってはならないという決まり。
たとえば
<Table border="2" cellspacing="1" BGCOLOR="#EEEEDD" VLINK="#ff0000" >
<TR>
　　<TD COLSPAN=3 ALIGN="CENTER">&nbsp;</TD>
<TD>2012/上</TD>
これだけでも四つの改行があり、これは「あ」と書いたと同じ意味で、それらはことごとくテーブルの「上に」吐出される。
それが「ヘッダーとの間隔が開いて」の実態であること。

なので、「改行せず」全てつなげて書くというのがフツーの解決法。

もうひとつは「改行をコメントアウト」する。
<Table border="2" cellspacing="1" BGCOLOR="#EEEEDD" VLINK="#ff0000" ><!--
--><TR><!--
-->　　<TD COLSPAN=3 ALIGN="CENTER">&nbsp;</TD><!--
--><TD>2012/上</TD><!--
略
-->　 </TR><!--
--></Table>
とする。こうすれば、「改行」が無視され、期待通りの表示になるはず。

お礼

koblihaさま
回答有り難う御座いました。　　仰るとおりにやってみたらピッタリとくっつきました
確かに表のTD行を追加すればする程、ヘッダとの間隔が大きくなって行く現象がありました。
解決しました。　有り難う御座いました。

回答No.2

clara3

ブログでの場合は通常の投稿画面（ビジュアル・エディタ）でHTMLを書く場合によく起こりますので、回避するにはHTMLエディタモードで編集するのがいいと思います。

ブログではなく、従来のホームページの場合はスタイルシートなどでh2やh3などの要素のマージンやパディングを指定する必要があります。

ブログまたはホームページなど用途を明記しないと的確な回答をもらえないと思います。

参考までに提示されたソースをそのまま私の環境で見た場合の画像を貼り付けておきます＾＾
ブラウザ：GoogleChrome、OS：Linux系(Lubuntu）

お礼

clara3さま

回答有り難う御座いました。
HTMLエディターは、ＥＺ－ＨＴＭＬ（フリーソフト）を使っています。
用途は社内イントラネット用のホームページです。
業務のＰＤＣＡを早く回すため、日々の実績をホームページ上に掲示
することにして作成しています。

回答ＮＯ１の方の回答で解決いたしました。

今後も何かあればよろしくお願いします。