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

この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と関連する良く見られている質問

QIllustratorで線がクレヨン風のイラストを作りたいのですが…

お世話になります。
Illustratorにてイラストを描くのですが、
パスの綺麗なラインではなく、ちょっとガタガタっとした
味のある線にしたいと思ってます。
イメージとしては画用紙にマジックで描いたようなちょっと
滲んだ線です。

イメージとしましては、下記urlのようなイラストです。
http://www.orangepage.net/ad/orangepage_cafe/index.html

自分が試したやり方としましては、パスでイラストを描いて、
線をブラシライブラリに登録してある「アーティステック」等で
いろいろ試しましたが、イメージと合いません。
ブラシの設定だとやり過ぎで、もっとurlのような素朴な感じにしたいのです。

そこで、画用紙に下書き→スキャン→ライブトレースをしたのですが、
やはり線があまり綺麗ではありませんでした。

urlイラストを描いた方は、ライブトレースなのかな?とは
思っているのですが、こういうイラストを描くにはどうしたら
良いのでしょうか?

Aベストアンサー

2番の方の言われるように、
完成イラストとしてはイラストレータEPS形式で保存されていても、
輪郭線は手書きをスキャニングされたように見えます。

モノクロ2階調(線画)で読み込んで、カラーモード(CMYK)に変換し、選択範囲からパス化、着色。
またはモノクロ2階調またはグレースケールのTiff画像をイラストレータで着色、スウォッチで塗りを設定してあるのではないでしょうか。

気負わず、簡単な方法で仕上げるのが素朴感を演出するこつでは?

Q画像の背景を透明にしたい

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

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

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

Aベストアンサー

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

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

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

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

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

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

Q天野喜孝先生のイラストの主線の画材はなんですか?

天野喜孝先生のイラストの主線(主にカラーイラスト)は何の画材を使用していらっしゃるのでしょうか。

よろしくおねがいいたします。

Aベストアンサー

こんばんわ。私の知る範囲で答えさせていただきます。
「季刊コミッカーズ」の冬号で、天野先生のイラストの製作風景やインタビューが約6ページ分掲載されているのですが、それによりますとペンの描写が「専用ペン」としかされていません。そのペンが写真で載っているのですが、すみませんが私には何という名前かわかりません・・・。ちなみに、「ペンの先をカッターで削ってから・・・」とあります。持つ部分はどうやらプラスチックのようで、先の部分(木炭のような感じ?)をつけペンのように刺して使うようです。
あいまいな表現ばかりで申し訳ありませんが、少しでもお役に立てたら幸いです。

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用に保存するときにマット処理をすることで、ジャギー...続きを読む

Qphotoshop6で、イラスト(線)の色を全て一回で変える方法を教えてください。

黒ラインのイラスト(線のみ)をスキャナーで取り込みphotoshopで加工しています。イラスト全ての線の色を一回で別の色にしたいのですが、photoshop6での方法がわかりません。今は自動選択ツールを使って部分的に線の色を変えていますが、もともとの線の太さが違うようで(途切れてスキャンされた線もあり)何度も回数をかけなければ全体の線の色を変える事ができません。線の太さを均一にする作業から教えていただければありがたいです。よろしくお願いします。

Aベストアンサー

たびたびすみません。好きな色を指定できて、なおかつ楽な方法を思い出しましたのでご報告差し上げます。

--ステップ1------------------------------------------
スキャンした画像を読み込んだあと、

イメージ→色調補正→
明るさ・コントラスト→(適度に調整してください)

--ステップ2------------------------------------------
次にスキャンした画像の上に、調整レイヤーを作ります。

レイヤー→新規調整レイヤー→「グラデーションマップ」を選択後、そのままOKボタンを押してください。

--ステップ3------------------------------------------
「グレースケールマッピングに使用されるグラデーション」という、グラデーションの帯の表示が出てきます。
これをワンクリックしてみてください。
次に、グラデーションエディタというウィンドウが出てきます。このウィンドウの上部にあります、
「プリセット」の中から、白と黒が最もハッキリしたグラデーションを選択してください(Photoshop7.0では
左上から三番目にあるのですが、おそらく6.0でも同じかと思われます)。

これを選択すると、このグラデーションエディタウィンドウ下部にあります、グラデーションの帯の表示が
コントラストの強い、白と黒の帯に変わります。
この帯の上下左右に配置されている、四角いマーカーのような
オブジェクトのうち、左下のものを、ワンクリックしてみてください。

グラデーションエディタウィンドウ最下部にあります、「カラー:」の右にある小さな窓が真っ黒になったと思います。
この小さな窓を、ワンクリックしてみてください。

カラーピッカーウィンドウが表示されると思います。あとは、この中から好きな色を選ぶとよいでしょう。
※気に入った色は、色見本に追加するか、16進表記をメモしておくことをおすすめします。
(例えばオレンジであれば FF9600 などという数字です)

描線を好きな色にできたら、必要な場合表示レイヤーを結合してください。



描線を白にしたい場合は、まず、上記ステップ2までの手順を踏んでください。
「グレースケールマッピングに使用されるグラデーション」のグラデーションの帯の表示が出てきます。
この表示の下にあります、「逆方向」という項目にチェックを入れます。
白と黒が反転したと思います。さらに、グラデーションの帯の表示をワンクリックしてみてください。
「プリセット」の中から、白と黒が最もハッキリしたグラデーションを選択してください。
OKボタンを押してこのウィンドウを閉じます。残ったグラデーションのウィンドウも、OKを押して閉じてください。

次に、表示レイヤーを結合。そのままでは背景になっていると思いますので、この背景を
レイヤー→レイヤー複製で複製してください。
そして、レイヤーウィンドウのレイヤー効果メニュー(『通常』と表示されているところです)から
「スクリーン」を選択します。

下にある背景レイヤーをCtrl+Aですべて選択。その後、ブラシなどで白より暗い適当な色で塗ってみてください。
これで画像の描線が白色に変更されていることが確認できます。

どうでしょうか。ご参考になれば幸いです。

たびたびすみません。好きな色を指定できて、なおかつ楽な方法を思い出しましたのでご報告差し上げます。

--ステップ1------------------------------------------
スキャンした画像を読み込んだあと、

イメージ→色調補正→
明るさ・コントラスト→(適度に調整してください)

--ステップ2------------------------------------------
次にスキャンした画像の上に、調整レイヤーを作ります。

レイヤー→新規調整レイヤー→「グラデーションマップ」を選択後、そのままOKボタンを押してください。
...続きを読む

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

Qword 段組でイラストを入れると線が消える

word2003を使用しております。

 段組2にして、境界線を入れるにして
イラストを右側にいれ大きさを調整し、右側最大くらいにすると、
段組の線が消えてしまいます。
 イラストに余白があるのも分かりますが、それとは違う状況のようです。
また、図の上下で一番下にしてもだめです。
どなたか、解決方法をお教え願います。

Aベストアンサー

図を右クリック→図の書式設定→「レイアウト」タブで、折り返しの種類と配置を「行内」としてはどうですか。
 

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

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

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

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

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

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

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

Aベストアンサー

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

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

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

Q井上雄彦さんのカラーイラストのように、下書きの線がわからなくなるように描く方法

井上雄彦さんのカラーイラストのように、
下書きの線がわからなくなるように絵を描く方法を教えていただけないでしょうか。
いつもは紙にできるだけ薄く下書きをして線を目立たせないようには描いているのですが…。

Aベストアンサー

下書きをせずに、絵の具で描く。という方法もあります。

あるいは、
水彩なら塗ったあとでも、上から消しゴムをかければ鉛筆の線は消えます。(薄くなります)
もしくは、
水彩色鉛筆で下書き(清書)します。これなら色を塗ったら線が溶けて絵の具と混ざります。

井上雄彦さんはどういう描き方されているのか気になりますね。

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

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

Aベストアンサー

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

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

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


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

人気Q&Aランキング