ホームページビルダー2001で・・・

質問

OSはXPを使用してます。
ド素人・ド初心者ですが、ホームページビルダー2001でホームページを作成しています。
イラレ9で作成したオリジナルロゴマークをJPEGに変換して、ビルダーにもってきたのですが、マークと一緒にマークの左側から下にのりしろみたいな余白が表示されてしまいます。
マークだけ表示したいのですが、どうしたら余白を排除できますか？

うまく文章表現ができませんが、上記の文で内容を察して下さった方、ご助言お願いいたします。

回答No.4

fujillin

No3です。　こんばんは。

＞padding○○とは何を見て指定してるか分かりますか？
心当たりが無いようなので、多分、指定していないとは思いますが、heder部にstylesheetの指定があったり、タグ内にstyle="～～"みたいな記述がある場合、その中に「padding:10px」みたいなのが無いか、念のため確認したください。（それよりも↓のほうが、あやしそうです）
（CSS,スタイルシートについては、検索すればたくさん情報があります）

＞余白は、マークと共に枠の中にあります。
枠は画像のすぐ外側に引かれますので、余白がその中にあるということは、画像自体が余白つきの画像になっている可能性が高そうです。
（↑のpaddingなどを指定すると、それでも似たようなことができる）

確認のため、画像だけをブラウザで表示してみましょう。
方法は、ブラウザによって多少違いますが、直接画像のURLをアドレスに指定して入れるか、右クリックで「画像を表示」など。
これによって、画像だけを表示できますので、ブラウザのデフォルト背景色が白以外になっていれば、余白がついているかどうかわかると思います。
（または、HTMLに背景色を指定しておいて、もとのまま表示してみても同様のことができます）

もし、画像に余分な白地がついているとするなら、画像を編集できるソフトでその部分を切り取って、修正する必要があります。

補足

fujillinさん。こんにちは。
アドバイス通り確認しましたところ、イラレ９で作成したマーク自体に余白がありました。
マークを作成したのに、余白がくっついてくるのは何故でしょうか？とても不思議です。
四角い枠の中に約１／４が余白なんです。
これって、再度マークを作成した方が良いのかな・・・。
どうしたら、余白のないマークができますか？
保存の方法がダメなのでしょうか・・・？

訳わからない質問でスミマセン・・・。

回答No.3

fujillin

<img>タグのborder="0"をborder="1"または2として一度表示してみてください。（画像に枠がつくはず）

問題の余白がその枠の中にあるか外にあるかで、対応が違ってきます。

え～っと、あとは・・・
　そのHTMLにCSS（スタイルシートなど）を適用してるってことはありませんか？　( padding:○○　とか指定していないか？）

補足

fujillinさん。アドバイスありがとうございます。
遅くなりまして申し訳ございません。

タグのborder="0"を"2"にしてみました。
すると、枠が太くなりました。
余白は、マークと共に枠の中にあります。

それからHTMLにCSS(スタイルシート)って何ですか？？？
padding○○とは何を見て指定してるか分かりますか？？？

回答No.2

noname#105044

<IMG src=" ファイル名g"width="100"height=100"border="0">
そうです、これのことです。

<IMG src=" ファイル名g"width="100"height=100"border="0">　←この部分（ > のすぐ後ろ）にスペース入ってませんか？
もし入っているならスペースを削除してみてください。
それでも余白が出る場合はこのページのソースを教えてください。

補足

お返事が遅くなって申し訳ございません。

〈・・・width-"100"height="100"border="0"〉のすぐ後ろには
スペースではなくて〈BR〉があります。

スミマセン。ページのソースって何ですか？？？

回答No.1

noname#105044

ちょっとよくわからないですが、思いついたことを書いてみようと思います。
ホームページビルダーで「タグ」または「ソース」というものは見れるでしょうか？
ホームページを作っているプログラム的な部分です。

イメージを表示するのに
<img src="イメージ画像の名前">
こんな感じで書かれている部分があると思います。
<img src="イメージ画像の名前">　←ここにスペースが入力されてしまっているということはないですか？

できれば「タグ」または「ソース」というものが、どのように書かれているか教えていただけるとわかりやすいです。

補足

OrangeGumiさんへ
早々にありがとうございます。
『HTML ソース』でいいのでしょうか？

そこには〈IMG src=" ファイル名g"width="100"height=100"border="0"〉
となっています。

これのことでしょうか？