画像と、セルのつなぎ目に白い線が入ってしまいます。

画像をテーブルに配置してタイトルバーの角をまるくしようとしましたが
画像と、セルのつなぎ目に白い線が入ってしまいます。
いかにも繋いでるってかんじです。
一応画像の背景は透明になっています。
どうしたらこの線を消すことができるのでしょうか

No.6 回答者： duckling 回答日時： 2001/06/25 13:29

<table width="550" border="0" cellspacing="0" cellpadding="0">

<tr>
<td width="10" height="30" align="right"><img src="img/circler.gif" border="0" width="10" height="30"></td>
<td width="265" bgcolor="#006633"><b><font color="#FFCCFF" size=+1>みんなの掲示板</font></b></td>
<td colspan=0 width=20 nowrap></td>
<td width="255" bgcolor="#006633"><b><font color="#FFCCFF" size=+1>みんなのスケジュール</font></td>
<td width="10" bgcolor="#006633"><a href="/info/how_to_sche.html"><img src="img/mark.gif" border="0"></a></td>
</tr>
</table>

画像を置くテーブルの、align を右寄せにしてみてはいかがですか？

画像を置くテーブルのプロパティに、
align="right" を追加してみました。

No.5 回答者： none123 回答日時： 2001/06/21 09:41

書いていただいたソースがコピーペーストだとすると、

どうやら、まだ半角スペースがあるかもしれません。

えっと、タグの後ろにも（説明不足でごめんなさい）
<tr>_ と半角スペースが入っているかもしれないので、
それも削ってみてください。

改行の直前の文字が半角スペースになってしまってませんか？

ソースが汚くなるのを覚悟で
<table>～～～～～</table>の部分のソース改行なしで
繋げてみてください。


もし、そうでもなかったら、ちょっと見当つきません。

No.4 回答者： none123 回答日時： 2001/06/20 11:31

ソースをみたところ、改行や空白スペースが入っている様子なので、

それらをとりあえず、全て詰めてみてください。
タグの前に空白スペース（半角とか）があると、
テーブルに隙間が出ることがあります。

この回答への補足

タグの前のスペースを消してみましたが
駄目でした。（泣）

<table width="550" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10" height="30"><img src="img/circler.gif" border="0" width="10" height="30"></td>
<td width="265" bgcolor="#006633"><b><font color="#FFCCFF" size=+1>みんなの掲示板</font></b></td>
<td colspan=0 width=20 nowrap></td>
<td width="255" bgcolor="#006633"><b><font color="#FFCCFF" size=+1>みんなのスケジュール</font></td>
<td width="10" bgcolor="#006633"><a href="/info/how_to_sche.html"><img src="img/mark.gif" border="0"></a></td>
</tr>
</table>

補足日時：2001/06/20 17:53

No.3 回答者： hero1000 回答日時： 2001/06/19 23:02

ソース見せていただきありがとうございます。

ただ原因についてはちょっとわかりません・・・。

こちらでちょっと試してみた（バックグラウンドに色をつけたテーブルを
border=0で表示してみた）のですが、きちんとくっついています。

tableタグのborderなどの部分はネットスケープとインタネットエクスプローラ
で差異がないのでブラウザの違いではないですし・・・。

あと考えられることと言えば、画像のサイズと「td width=10」で指定されてい
るサイズが合ってなかったりしませんか？
（テーブルのセル幅が10ピクセルですが画像のサイズがもっと小さいとか・・・）
ためしにimgタグの中に「height=10 width=10」というのを入れてみてください。

参考にならない回答ですみません。

この回答へのお礼

一応やってみましたが駄目線は消えなかったです。
参考にならないなんてとんでもないです。
いろいろ勉強になりました。
わざわざテストまでしていただいて。。。
ありがとうございます。

お礼日時：2001/06/20 17:57

No.2 回答者： nyanchu 回答日時： 2001/06/19 12:27

テーブルをつかって画像を配置する場合、

<table cellpadding=0 cellspacing=0 border=0>
としておかないと、隙間があいてしまいます。

この回答へのお礼

一応　cellpadding=0 cellspacing=0 border=0　と指定しているみたいです。
説明が不十分で申し訳ありませんでした。
ありがとうございました。

お礼日時：2001/06/19 21:14

No.1 回答者： hero1000 回答日時： 2001/06/19 12:10

差し支えなければ、その部分のソースを見せてもらえませんか？

この回答への補足

ソースです。

<table width="550" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10" > <img src="img/circler.gif"></td>
<td width="245" bgcolor="#006633">　<b><font color="#FFCCFF" size=+1>みんなの掲示板</font></b></td>
<td width="10" > <img src="img/circlel.gif"></td>
<td colspan=0 width=20 nowrap></td>
<td width="255" bgcolor="#006633">　<b><font color="#FFCCFF" size=+1>みんなのスケジュール</font></td>
<td width="10" bgcolor="#006633"><a href="/info/how_to_sche.html"><img src="img/mark.gif" border="0"></a></td>
</tr>
</table>

circlel.gif と　circler.gif　が問題の画像です。　

補足日時：2001/06/19 21:06