カウンタとその左右につける画像の隙間をなくしたいのですが

質問

カウンタの左右に画像をつけて
かわいらしいカウンタにしたいのですが
どうしてもカウンタの数字の左右の画像との間に
隙間ができてしまいます。

今は下記のようにテーブルタグでつなげているのですが
完全に隙間をなくすことができません。
どうしたら完全に隙間をなくせますか？

<TABLE Border="0" CellSpacing="0"CellPadding="1">
<TR>
<TD>
　<IMG Src="material/counter_r.gif" Border="0" Width="22" Height="25"></TD><TD><img src="cgi-bin/・・・/count.cgi?gif" Border="0">
</TD>
<TD>
　<IMG Src="material/counter_l.gif" Border="0" Width="22" Height="25">
</TD>
</TR>
</TABLE>

お忙しいところ申し訳ありませんが
教えていただけるとうれしいです。
よろしくお願いします。

回答No.4

duckling · ベストアンサー

<TD>　『←この部分に改行が入っている』
　<IMG Src="material/counter_l.gif" Border="0" Width="22" Height="25">
</TD>

改行が入っていると、見た目上
「半角スペース」が入っているかのように表示されます。

<TD><IMG Src="material/counter_r.gif" Border="0" Width="22" Height="25"></TD>
<TD><img src="cgi-bin/・・・/count.cgi?gif" Border="0"></TD>
<TD><IMG Src="material/counter_l.gif" Border="0" Width="22" Height="25"></TD>

こう書いてみてはどうでしょうか。

あと、#1 の方がおっしゃっているように、

table の cellpadding は 0 にしましょう。

お礼

ご回答ありがとうございました。
おかげでちゃんとカウンタが表示されました＾＾
半角スペースって重要ですね・・。
これからは気をつけてタグ書くようにします。
本当にありがとうございました。

回答No.3

fei

<TABLE Border="0" CellSpacing="0"CellPadding="1">
<TR>
<TD><IMG Src="material/counter_r.gif" Border="0" Width="22" Height="25"><img src="cgi-bin/・・・/count.cgi?gif" Border="0">
<IMG Src="material/counter_l.gif" Border="0" Width="22" Height="25"></TD>
</TR>
</TABLE>

でどうですか？
あと変な所に空白が入ると隙間が出来ちゃいますよ。

お礼

ご回答ありがとうございました。
おかげでちゃん表示されました。
ほんとうにありがとうございました＾＾

回答No.2

redcatfish

あまり自信有りませんが、少しだけ。。
私も以前同じ様なコトで引っかかりました。
私の時は</td>の前の改行がどうも隙間に成っていたようでした。
因みに、MACのIEでは隙間が出なく、WINでは隙間になるようで、
私はMACで作っているので人から教えて貰って隙間に気づくのに随分時間がかかりました。
一度試してください。違っていたらごめんなさい(^^)

お礼

ご回答ありがとうございました。
みなさんに教えてもらったとおりに
隙間をなくしてみましたら
ちゃんと表示されました。
ほんとうにありがとうございました。

回答No.1

noname#199778

TableのCellpaddingを、1ではなく、0にしてみてはいかがでしょうか。

お礼

ご回答ありがとうございました。
おかげさまでカウンタと画像の隙間を
なくすことができました。
ほんとうにありがとうございました。