テーブルタグの余白

質問

テーブルタグを使ってHPのレイアウトを整えようと思っているのですが、セルの中に画像をいれるとどうしても下に余白ができてしまい困っています。対策方を教えて下さい。セルの大きさも画像の大きさにあわせています！！

<Table Border="0" CELLPADDING="0" WIDTH="146" HEIGHT="166" >
<Tr>
<Td ColSpan="3" WIDTH="146" HEIGHT="19">
<img src="画像">
</Td>
</Tr>
<Tr>
<Td WIDTH="19" HEIGHT="128">
<img src="画像">
</Td>
<Td WIDTH="108" HEIGHT="128">
aiueo
</Td>
<Td WIDTH="19" HEIGHT="128">
<img src="画像">
</Td>
</Tr>
<Tr>
<Td ColSpan="3" WIDTH="146" HEIGHT="19">
<img src="画像">
</Td>
</Tr>
</Table>

回答No.2

chie65536 · ベストアンサー

<TD>タグから</TD>タグまでの間を、改行無しで一行で書かないと、セルの上下に隙間が出来ます。

<Td WIDTH="19" HEIGHT="128">
<img src="画像">
</Td>
を
<Td WIDTH="19" HEIGHT="128"><img src="画像"></Td>
に直して下さい。

お礼

早速のご回答ありがとうございます!!!改行をなくしたところ見事余白がなくなりました。本当にありがとうございました

回答No.1

saintandre

cellspacing 要素（内枠の太さ）が0になっていないことと
画像の後ろに改行があるのが原因です。

<Table Border="0" CELLPADDING="0" WIDTH="146" HEIGHT="166" CELLSPACING="0">
<Tr>
<Td ColSpan="3" WIDTH="146" HEIGHT="19">
<img src="画像"></Td>
</Tr>
<Tr>
<Td WIDTH="19" HEIGHT="128">
<img src="画像"></Td>
<Td WIDTH="108" HEIGHT="128">
aiueo
</Td>
<Td WIDTH="19" HEIGHT="128">
<img src="画像"></Td>
</Tr>
<Tr>
<Td ColSpan="3" WIDTH="146" HEIGHT="19">
<img src="画像"></Td>
</Tr>
</Table>

お礼

早速修正してみたところ自分の思ったとおりになって助かりました。ありがとうございます!!