テーブルタグについて質問

質問

テーブルを横に二つ並べたのですが
赤い線と中のセルに間に隙間があいてしまいます
上にぴったりつけたいので、TD valign="top"を使いましたが上手くいかず
困っています。
以下、自己流ソースです

<TABLE border="3" bordercolor="red" height="60%" cellpadding="0">
<TR>
<TD valign="top">
　　<TABLE border="1" width="100%" cellpadding="0">
　　　　<TR>
　　　<TD><img src="image/＊＊＊＊.jpg"></TD>
　　　　</TR>
　　</TABLE>
　　</TD>

　<TD valign="top">
　　<TABLE border="1" cellpadding="0">
　　　<TR><TD width="30%" align="right"><B>＊＊＊＊</TD><TD>＊＊＊＊</B></TD>
</TR>
　　　　<TR><TD>＊＊＊＊</TD><TD>＊＊＊＊</TD></TR>
<TR>
　<TD>＊＊＊＊</TD><TD>＊＊＊＊</TD></TR>
<TR>
　<TD>＊＊＊＊</TD><TD>＊＊＊＊</TD></TR>
<TR>
　<TD>＊＊＊＊</TD><TD>＊＊＊＊</TD></TR>

<TR>
　<TD>＊＊＊＊</TD><TD>＊＊＊＊</TD></TR>

<TR>
　<TD>＊＊＊＊</TD><TD>＊＊＊＊</TD></TR></TABLE>

</TD>
</TR>
</TABLE>

回答No.1

esistdas · ベストアンサー

ソースに全角の空白が含まれています。
実際、うまく行かないときの表を反転させてみると、ソースの形通りに空白が入っており、それが埋め込まれた表を押し下げているのが見てとれます。解決法は、全角の空白を半角のそれにするだけです。

お礼

初歩的な質問にご回答感謝いたします。半角にすれば良いとは
恥ずかしながら知りませんでした
まだ勉強中なので、またお伺いすることもあるかもしれませんが
その時もまたアドバイス頂ければ助かります。
本当に有難うございました

回答No.2

k_jill

#1さんの仰るようにすれば問題は解決するかと思うので蛇足なのですが、テーブルを入れ子にしなくてもセルを連結させればもっとシンプルなソースになると思うのですが、駄目でしょうか…？
　理由があって入れ子になさっているのかもしれないですが、ちょっと気になったので。下記のような感じで、上記のソースとほぼ同じスタイルになるかと思われます。（横幅や文字加工の部分は省かせていただきました）

<TABLE border="3" bordercolor="red" cellpadding="0">
<TR>
<TD valign="top" rowspan="7">
<img src="img.jpg"></TD>

<TD>＊中央1＊</TD><TD>＊右1＊</TD>
</TR>

<TR>
<TD>＊中央2＊</TD><TD>＊右2＊</TD>
</TR>

<TR>
<TD>＊中央3＊</TD><TD>＊右3＊</TD>
</TR>

<TR>
<TD>＊中央4＊</TD><TD>＊右4＊</TD>
</TR>

<TR>
<TD>＊中央5＊</TD><TD>＊右5＊</TD>
</TR>

<TR>
<TD>＊中央6＊</TD><TD>＊右6＊</TD>
</TR>

<TR>
<TD>＊中央7＊</TD><TD>＊右7＊</TD>
</TR>

</TABLE>

蛇足で失礼しました。

お礼

初歩的な質問にご回答感謝いたします。おっしゃる通りですね（汗）
蛇足なんてとんでもありません。
ご丁寧に有難うございました。
まだ勉強中なので、またお伺いすることもあるかもしれませんが
その時もまたアドバイス頂ければ助かります。