最新閲覧日:

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

このQ&Aに関連する人気のQ&A

A 回答 (6件)

<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" を追加してみました。
    • good
    • 0

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


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

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

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

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


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

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


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

この回答への補足

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

<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
    • good
    • 0

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



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

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

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

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

参考にならない回答ですみません。
    • good
    • 0
この回答へのお礼

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

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

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


<table cellpadding=0 cellspacing=0 border=0>
としておかないと、隙間があいてしまいます。
    • good
    • 0
この回答へのお礼

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

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

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

この回答への補足

ソースです。

<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
    • good
    • 0

このQ&Aに関連する最新のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード


このQ&Aを見た人がよく見るQ&A

このカテゴリの人気Q&Aランキング

おすすめ情報

カテゴリ