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

質問

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

回答No.6

duckling

<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

書いていただいたソースがコピーペーストだとすると、
どうやら、まだ半角スペースがあるかもしれません。

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

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

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

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

回答No.4

none123

ソースをみたところ、改行や空白スペースが入っている様子なので、
それらをとりあえず、全て詰めてみてください。
タグの前に空白スペース（半角とか）があると、
テーブルに隙間が出ることがあります。

補足

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

<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>

回答No.3

hero1000

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

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

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

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

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

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

お礼

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

回答No.2

nyanchu

テーブルをつかって画像を配置する場合、
<table cellpadding=0 cellspacing=0 border=0>
としておかないと、隙間があいてしまいます。

お礼

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

回答No.1

hero1000

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

補足

ソースです。

<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　が問題の画像です。