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

解決済

質問者：hibari_d
質問日時：2003/01/27 01:40
回答数：4件

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

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

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

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.4ベストアンサー

回答者： duckling
回答日時：2003/01/27 06:12

<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 にしましょう。

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2003/01/27 16:44

No.3

回答者： fei
回答日時：2003/01/27 02:08

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

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

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2003/01/27 16:42

No.2

回答者： redcatfish
回答日時：2003/01/27 01:52

あまり自信有りませんが、少しだけ。

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