セルに画像を大きさがぴったりと合うように貼りつけたいと考えています。

セルに画像を大きさがぴったりと合うように貼りつけたいと考えています。
セルの大きさと画像の大きさを同じにしているのですが、セルの下が少し余っています。
セルのheightを画像の高さと同じ値に設定しています。
下記のようになっていますが、画像の縦幅は52です。
横幅も少し余っています。（つまり、セルの方が大きい）

<tr align="left" valign="middle" height="52">
<td>
<a href="test1.html"><IMG SRC="test1.gif" border="0" alt=""></a>
</td>
</tr>

どのようにすればいいのか教えてください。
HTMLについてはまだ初心者です。
どうぞよろしくお願いします。

No.1 回答者： blarabi 回答日時： 2010/09/23 13:34

再現しないので、合っているかどうかわかりませんが、ご参考まで

表のセル内の余白を0にする。
　
<TABLE border="**" cellpadding="0">
<TBODY>
以下ltwvljrsaさんの記述

この回答へのお礼

ご回答ありがとうございます。
cellpadding="0"は記述しています。
セルの大きさを画像の大きさより小さくしたりしたのですが、変わりません。

お礼日時：2010/09/23 14:23

No.2 回答者： blarabi 回答日時： 2010/09/23 14:57

出来れば表の全体のソースを差し支えない範囲で書いてもらえると分かるかもしれません。

この回答への補足

ありがとうございます。
メニューバーなのですが、各セルに画像を貼り付けています。
ソースを載せておきます。

<table width="100%" cellpadding="0" cellspacing="0" style="border:1px solid #000000; padding:0px; background-color:#ffffff;" align="left">
<tr align="left" valign="middle" height="52">
<td bgcolor="#cccccc">
<a href="page1.html"><IMG SRC="test1.gif" border="0" alt=""></a>
</td>
</tr>
<tr align="left" valign="middle" height="52">
<td bgcolor="#cccccc">
<a href="page2.html"><IMG SRC="test2.gif" border="0" alt=""></a>
</td>
</tr>
<tr align="left" valign="middle" height="52">
<td bgcolor="#cccccc">
<a href="page3.html"><IMG SRC="test3.gif" border="0" alt=""></a>
</td>
</tr>
</table>

補足日時：2010/09/23 15:40

No.3 ベストアンサー 回答者： blarabi 回答日時： 2010/09/23 18:05

多分再現できたと思うので、試してみてください。

原因は
**********
<tr align="left" valign="middle" height="52">
<td bgcolor="#cccccc">
<a href="page1.html"><IMG SRC="test1.gif" border="0" alt=""></a>
</td>
</tr>
**********
3行目のaタグで改行されたときに、普通はCR+LFが入るので、その分が余白になっているかと思います。</a>の後を1回Deleteで消してみてください。

変更例
<TABLE width="100%" align="left" cellpadding="0" cellspacing="0" style="border:1px solid
#000000; padding:0px; background-color:#ffffff;">
<tr align="left" valign="middle">
<td bgcolor="#cccccc"><a href="page1.html"><IMG src="image1.gif" border="0" alt=""></a></td>
</tr><tr align="left" valign="middle">
<td bgcolor="#cccccc"><a href="page2.html"><IMG src="image1.gif" border="0" alt=""></a></td>
</tr><tr align="left" valign="middle">
<td bgcolor="#cccccc"><a href="page3.html"><IMG src="image1.gif" border="0" alt=""></a></td>
</tr>
</TABLE>

この回答へのお礼

ご回答ありがとうございます。
できました！
</a>の後で改行せずすぐに</td>を置き、</a></td>とすることでうまくいきました。
お力になっていただきどうもありがとうございました。
助かりました！

お礼日時：2010/09/23 18:42