htmlのバナー画像が表示されない原因とは?

このQ&Aのポイント
  • htmlを使ってバナーの画像を表示させる方法について質問します。
  • リンクは表示されるが、画像が赤い×になってしまう問題が発生しています。
  • 画像のアドレスは正しく指定しているのに表示されない原因についてわかりません。
回答を見る
  • ベストアンサー

html

htmlについて質問です 最近htmlの勉強を始めました バナーのリンクをしようと思い、 <A href="リンクアドレス" target="_blank"><IMG src="画像のアドレス" width="幅" height="高さ" border="0"></A> というタグで行いました。 メモ帳を使いました。 確認したところ、リンクアドレス先にはいけるのですが、 画像は赤い×になってしまい表示されません。 画像のアドレスというのは、画像の名前を打ち込めば良いのですよね? 拡張子はgifだったのできちんと、「.gif」と打ち込んだのですが… 念のため、htmlを教えているサイトさんからのものもコピーして行いましたが、やはり赤い×になっていました。 どうしてそうなるのでしょうか? 好きなサイトさんのバナーをリンクをしたいので、このまま表示されないのはすごく困ります。(><) わかりやすい説明お願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • saekikkt
  • ベストアンサー率60% (378/622)
回答No.2

>画像のアドレスというのは、画像の名前を打ち込めば良いのですよね? だめです。 ”画像のアドレス”と書かれているようにアドレスが必要です。 1.バーナー画像を自分のパソコンに取り込んで画像を表示させる。  Htmlファイルと同じ場所なら、画像名だけでよい。 或いは、 2.リンク先のバーナー画像を直接表示(直リンク)されるなら画像のあるアドレスを含めます。  例えば、「src="http://www.・・・・・・・・/・・・・・・/gazommei.gif"」  この場合は、許可が必要かも??   

tohkiiii
質問者

お礼

意味がわかりました!出来ました(^^) ありがとうございました♪

その他の回答 (1)

  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.1

まず確認します。 そのバナーは第三者サイトにあり、ダウンロードして手元にあるものではないですね? だとすると、「画像のアドレス」は絶対パス(http://~で始まるアドレス)でなければいけません。 つまり「直リンク」です。 次に注意事項。 多くのサイト管理者は直リンクを嫌います。 理由はサーバーの負担を軽くしたいから。 その「好きなサイトさん」の管理者に直リンクの許可をもらってください。 許可がもらえない時は、そのバナーをダウンロードして自分のサイトサーバーに転送して使うしかないです。 「好きなサイトさん」のページ内をよく見て「リンクに関する注意事項」のようなものがあれば、 それに従ってくださいね。

tohkiiii
質問者

お礼

はい!直リンクには気をつけます! ありがとうございました(^^)

関連するQ&A

  • ウインドウを狭めてもレイアウトが崩れない方法

    ウインドウを狭めてもレイアウトが崩れない方法を教えて下さい。 内容は、一番上にタイトルとしての画像を表示させて、その下に画像を3列で何列ものせる。 ウインドウを大きく広げたときは、それらの画像を中央に表示させてレイアウトを崩さないようにする。 下のような感じでは、ウインドウを狭めると画像が勝手に移動してしまいます。 全てを固定にしたいです。 お手本を教えて頂きたいです。よろしくお願いいたします。 添付画像が理想です。 ウインドウを狭めても画像が固定されている瞬間をイメージ化したものです。 <img src="" border="0" width="300" height="60" /> <br> <br> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a>

    • ベストアンサー
    • HTML
  • セレクトボックスで、リンクバナーを表示するには

    ブログのサイドバーがかなり長いので短くしたいと考え、リンクバナーをセレクトボックスで表示したいのです。 例えば <P><a href="http://www.kyoraku.co.jp/"><img height="37" alt="kyoraku_京 楽_TOP" src="http://www.kyoraku.co.jp/img/kyoraku.gif" width="99" border="0" name="image" /> <P><a href="http://www.kyoraku.co.jp/"><img height="37" alt="kyoraku_京 楽_TOP" src="http://www.kyoraku.co.jp/img_up/ms_17.gif" width="99" /> <P><a href="http://www.kyoraku.co.jp/"><img height="37" alt="kyoraku_京 楽_TOP" src="http://www.kyoraku.co.jp/img_up/ms_19.gif" width="99" /></P> この様なリンクバナーをセレクトボックスで表示する方法はないのでしょうか。 入れたいリンクバナーは、複数です。 個別リンクの許可は取ってあります。

  • Myブログのバナーの作り方・・・

    自分のブログのバナー画像を作るにはどうやったらいいですか?? ちなみに他人のバナーを自分のブログに貼り付けるときは、 <A HREF="サイトアドレス" TARGET="_blank" title=""><img src="画像URL" border="0" width="200" height="40"></A> で貼り付けてます。 サイトアドレスを自分のブログURLにして・・・画像は???  あともう少しです・・・

  • バナー・・・

    文字だけのバナーを作りたいと質問して 「ついでに言えば「_blank」だと別ウィンドウになっちゃいますよ?同一フレームなら「_self」にしないと。」と回答いただいたのですが意味がわかりません。初心者な者で・・・ 教えてください。 基本は <A HREF="サイトアドレス" TARGET="_blank" title=""><img src="画像URL" border="0" width="200" height="40"></A> でやってます。

  • 1つの画像オンマウスで3つの画像を切り替えたい!

    現在、下記のような感じで一つの画像オンマウスでその画像を含む3つの画像が切り替わるようにしています。 ---------------------------------- <a href="#" onMouseOver="11111.src='a.gif';22222.src='b.gif';33333.src='c.gif'" onMouseOut="11111.src='a_01.gif';22222.src='b_01.gif';33333.src='c_03.gif'"><img src="aaaaaa.gif" alt="" width="94" height="32" border="0" name="11111" /></a> <img src="b_01.gif" alt="" width="572" height="50" name="22222" /> <img src="c_01.gif" alt="" width="96" height="32" border="0" name="33333" /> ---------------------------------- IE6だと、きちんと表示されるのですが、 Firefoxだと表示がおかしくなります。 改善方法はありませんでしょうか? 助けてください!

  • ブラウザによってリンク集のバナー画像が表示されません。

    ↓ こちらの質問とほぼ同じです。 http://oshiete1.goo.ne.jp/qa3085778.html そして、こちらで紹介されているサイトhttp://www.aland.to/~lintrank/trylint/htmllint.htmlでチェックしても解決できなかったので、質問させていただきたいと思います。 私は、Win(IE7)、ビルダー11、フォトショ・イラレ等を使ってHPを作成しました。 既に転送済みのファイルのうち リンク集の表に貼ったバナー画像がIE6だと表示されません(直リンはしてません)。×がつくのではなく、何も表示されていません。 IE7だと全く問題ないです。他のファイルには上記の様な異常は一切ありません。 リンク集一覧は、2×2の表を作り、左にバナー画像、右に ちょっとした説明を載せています。 ブラウザによって表示が異なるのはタグが正確ではないからでしょうか。HTMLというものは、つい最近知った初心者なのでよく分かりません。 よろしくお願いします。 おそらく↓この部分が表のタグだと思います。 <TABLE border="0" width="731" height="85" summary="イラスト関連サイト様一覧"> <TBODY> <TR> <TD align="center" valign="middle" width="258"><A href="http://***.***.jp/" target="_blank"><IMG src="banner1.gif" width="200" height="40" border="0" alt="*** "></A><BR> <FONT size="-1">サイト名:<A href="http://***.***.jp/" target="_blank"> ***</A></FONT></TD> <TD valign="middle" width="463"><FONT size="-1">管理人:***様</FONT><BR> <FONT size="-1">***さんが描かれるイラストは、~。</FONT></TD> </TR> <TR> <TD align="center" width="258" height="23"><A href="http://***.***.jp/" target="_blank"><IMG src="banner2.GIF" width="200" height="40" border="0" alt="***"></A><BR> <FONT size="-1">サイト名: <A href="http://***.***.jp/" target="_blank">***</A></FONT></TD> <TD valign="middle" width="463" height="23"><FONT size="-1">管理人:***様<BR> ***さんが描かれるイラストは、~。</FONT></TD> </TR> </TBODY> </TABLE>

    • ベストアンサー
    • HTML
  • バナー登録の事

    検索エンジンへバナーを登録するときにhttp://以下 の窓へ登録するのですが何回やってもエラーメッセージになってしまうのですがどこが間違っているのかわかりません。参考に私のHPのバナーは <A href="http://****" target="_blank"> <IMG src="newimage1bana-.gif" width="88" height="31" border="0"></A> です。これのどの部分を貼り付けたらよいのでしょうか?宜しくお願いします。

  • バナーの貼り方が、わかりません…

    HPは、魔法のiらんどと言うサイトを使ってます。 <!-- smaf global banner --> <a href="http://smaf-yamaha.com/"> <img src="img/smaf_banner_full.gif" width="468" height="60" border="0"></a> <!-- smaf global banner end --> これを貼ってますが、画像が表示されません。 バナーの枠は、でますが×になってます… 何か他に必要なのでしょうか?

    • ベストアンサー
    • HTML
  • バナーでリンクできません

    gooでサイトを作成し、リンクバナーを貼りましたが、バナー画像は転送されているのですが、リンクができません。作成はホームページビルダー6で作りました。ソースは以下の通りです。PC歴三ヶ月の初心者なので専門用語もあまりわかりません。できるだけ分かりやすく手順を教えて頂けるとありがたいです。 どうぞ宜しくお願い致します。 <A href="http://ip.tosp.co.jp/i.asp?i=*****"><IMG src="u-26.gif" width="94" height="48" border="0"></A>

  • バナーがHPに出ません。

    作ったバナーがでません。xマークが出ます。 クリックするとちゃんとリンクするのでGifが悪いのでしょうか? どなたか教えてください。 宜しくお願いいたします。 <a href=http://6905.teacup.com/***/*** target=_top><IMG src=A.gif width=88 height=31 border=0></a> バナーの場所です。 C:\Documents and Settings\Owner\My Documents\My Pictures\バナー

専門家に質問してみよう