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

この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画像の背景を透明にしたい

HTMLで<img src=>を使ってロゴ画像を貼り付けました
その後背景の画像をSSCで書いたのですが
ロゴの本来透明な部分が透明になりません

よくわからなかったので、フォーマットはPNGとGIFで試しましたがだめでした
JPGは背景を透明にはできなかったですよね?

そもそも背景を透明のまま保つことは不可能なのでしょうか?

Aベストアンサー

こんにちは、再び失礼します。

GIMP
http://hp.vector.co.jp/authors/VA025935/

こちらのヘルプを見てみましたが、PNGもGIFも透明度に対応している、と書かれています。
(GIFはGIMPのバージョンによっては入っていないかもしれないと書かれていましたが)

というわけで、直接の回答でなくて申し訳ありませんが、お使いのソフトは透過処理に対応しているようです、と申しあげておきます。

レイヤーの統合とかは関係ないですよ。
完成した画像の背景が透明になっているかどうか、そしてそれを保存するときのやりかたが問題です。

保存するときに背景の透過、とか透明、とかそういった選択部分はありませんか?
または環境設定などで行うのかもしれませんが、具体的な方法についてはご存知のかたにぜひともお答えいただきたいところです。

Q画像で背景透明のテキストがにじむのです

こんにちは。
いつもお世話になります。

webのバーをイラストレーターCS3で作成してます。
別途、背景に模様の画像を配置しておるので
ここは背景が透明のテキストだけの「画像」にしたいのですが
gifで保存をいくら試しても文字がぎざぎざしてしまいます。
pngでも変わらず。

背景の画像が黒っぽいので、テキストは白で
0.5~1ほど黒の縁取りをしたりしても同じです。

画像にせずテキストのみのバーにしてもいいのですが
デザイン上ちょっと避けたいのです。
なんとか解決策は無いでしょうか。

もしかしたらとんでもなく初歩的なことを聴いてて恥ずかしいのですが
ちょっと急ぎで困ってます。
よろしくお願いいたします。

Aベストアンサー

通常画像を滑らかに見せるにはアンチエイリアス(徐々に背景色と同じになる)処理が施されます。
濃度が「100%→50%→0%(透明)」と出来れば滑らかに表示できるのですが、透過GIFでは1色しか透明に出来ません。
100%→0%なのでどうしてもジャギー(ギザギザ)が発生しまいます。

PNGでも同じです。
PNG-24ならαチャンネル扱える(半透明も表現できる)ので滑らかに出来ますが、最大勢力を誇るIEが一向に対応しないので使えません。

背景が単調なら、Web用に保存するときにマット処理をすることで、ジャギーを目立たなくする事は可能です。
http://www1.linkclub.or.jp/~nobuki/tips/matcolor.html
http://web.kyoto-inet.or.jp/people/hikeda/justnet/smu/smu06A/smu06A.html#Anchor-44591


> 縁取りをしたりしても同じです

始めから縁取りをつけるよりも、マット処理をした方がうまくいきます。

通常画像を滑らかに見せるにはアンチエイリアス(徐々に背景色と同じになる)処理が施されます。
濃度が「100%→50%→0%(透明)」と出来れば滑らかに表示できるのですが、透過GIFでは1色しか透明に出来ません。
100%→0%なのでどうしてもジャギー(ギザギザ)が発生しまいます。

PNGでも同じです。
PNG-24ならαチャンネル扱える(半透明も表現できる)ので滑らかに出来ますが、最大勢力を誇るIEが一向に対応しないので使えません。

背景が単調なら、Web用に保存するときにマット処理をすることで、ジャギー...続きを読む

Q背景画像をCSSコードで半透明にしたいのですが・・

背景画像をCSSコードで半透明にしたいのですが・・
考えたコードはこのようです。
#sub{
background-image: url(背景画像);
background-repeat: no-repeat;
background-position: center center;
float:left;
filter:alpha(opacity=50)
opacity:0.5;
width:540px; /* D */
height:300px;
}

これだと背景を半透明にはできませんでした。
どのようにすればいいですか?

Aベストアンサー

#sub{
background-image: url(背景画像);
background-repeat: no-repeat;
background-position: center center;
float:left;
filter:alpha(opacity=50);
opacity:0.5; -moz-opacity:0.5;
width:540px; /* D */
height:300px;
}

QHPの背景画像や背景色が印刷時印刷されない

HPの背景画像や背景色が印刷時印刷されない

最近HPを作成しはじめの初心者です。

IEのデフォルトで背景を印刷しない設定になっているのですが、
これはどんな意味があるのでしょうか?

私としては、画面と印刷が同じ方がしっくりくるのです。

質問があります。
質問1:デフォルトで背景が印刷OFFになっていることのメリット
質問2:画面と印刷を同一にする一般的な方法

以上、よろしくお願い致します。

Aベストアンサー

私としては、画面と印刷が同じ方がしっくりくるのです。

==>それが、まさに人それぞれです。
 私としては、背景無しで印刷された方がうれしいです。
なぜなら、印刷するのはページ内容をメモ代わりに、パソコンの無い時でも
見たい時だけですから。

 さらに、欲を言えば印刷用のCSS(media="print")も予め作っておいて、
そちらでは、ごちゃごちゃしたレイアウトや飾りの画像、バナーやナビゲーション
を排除した。箇条書きのような印刷スタイルが、最もしっくりします。

Q半透明の画像をcssのbackground-imageで指定しても半透明のまま表示させたい

photoshopにて、単純に塗りつぶして不透明度を50%にしただけの画像をpng-24で保存しました。
これをhtmlのimgタグで表示させるとちゃんと半透明で表示されるのですが、cssのbackground-imageで指定すると半透明ではなくなってしまいます。
cssのbackground-imageでも半透明の状態で表示させる方法がありましたら教えてください。お願いします。

Aベストアンサー

背景に指定しても本来半透明で表示はされるはずです

ご覧になっているブラウザーはなんでしょうか?
IE6では半透明を再現できないのでおそらくハックを使っていらっしゃるかと思うのですが、
そのソースをご提示いただけると原因がわかるかとおもいます

携帯からなので言葉足らずの回答になって申し訳ございませんが、
よろしければ補足をいただければと思います


人気Q&Aランキング

おすすめ情報