- ベストアンサー
テーブルで画像を並べるときに・・
今ホームページをつくっていて 幅600pxのロゴ(jpg画像)の下に幅280px,80px,80px,80px,80px画像を並べています。 全部の画像をぴったりくっつけたいんですが、上のロゴと下の5つ並んだ画像の間に1pxくらいの隙間が出来てしまいます。 ソースは <table width="600" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="5"> <img src="img/title.jpg" width="600" border="0"> </td> </tr> <tr> <td> <img src="img/1.jpg" width="280"height="35" border="0"> </td> <td> <img src="img/2.jpg" width="80" height="35" border="0"> </td> <td> <img src="img/3.jpg" width="80" height="35" border="0"> </td> <td> <img src="img/4.jpg" width="80" height="35" border="0"> </td> <td> <img src="img/5.jpg" width="80" height="35" border="0"> </td> </tr> </table> http://web-channel.com/index.html このホームページのようにしたいんですがどこを直したらいいんでしょうか？ 環境は、WinMEでエディタにタグ打ち込んで作ってます。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
<td>の一行の改行をなくし一列に書き直し 保存してみてください。隙間がなくなるはずです。 <td> <img src="img/5.jpg" width="80" height="35" border="0"> </td> ↓ <td><img src="img/5.jpg" width="80" height="35" border="0"></td> という具合にするだけで大丈夫だと思います。 余計な半角スペースなどに注意してみてください。
その他の回答 (2)
- root139
- ベストアンサー率60% (488/809)
下記の様にロゴのカラムのtdタグとimgタグの間に何も(改行や空白も)入れないようにすれば隙間が詰まると思います。 ---------------------------------- <td colspan="5"><img src="img/title.jpg" width="600" border="0"></td> ----------------------------------
- briony
- ベストアンサー率29% (323/1090)
<html> <head> </head> <body> <table width="600" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="5"><img src="img/title.jpg" width="600" border="0"></td> </tr> <tr> <td><img src="img/1.jpg" width="280"height="35" border="0"></td> <td><img src="img/2.jpg" width="80" height="35" border="0"></td> <td><img src="img/3.jpg" width="80" height="35" border="0"></td> <td><img src="img/4.jpg" width="80" height="35" border="0"></td> <td><img src="img/5.jpg" width="80" height="35" border="0"></td> </tr> </table> </body> </html>
お礼
ありがとうございました。あっさり直りました。