イメージマップのリンク先がIEとsafariで表示されません

このQ&Aのポイント
  • イメージマップにリンク先を設定しても、IEとsafariではメインフレームに表示されません。
  • HP作成ソフトの互換性の問題なのか、タグの設定に問題があるのか、原因がわかりません。
  • 困っていますので、どなたかご教授いただけませんか。
回答を見る
  • ベストアンサー

イメージマップ リンク先がIEとsafariだけ表示されません。

いろいろ自分でやってみたのですが、どうしても理由が解らないのでどなたか助けて下さい。 タイトル通りなのですが、イメージマップにリンク先を設定して、そのページをメインフレームに表示させるものをつくりました。 ソフトはadobe GoLiveCSです。 すると、Firefoxでは問題なくちゃんとリンク先がメインフレームに表示されるのですが、何故かIEとsafariでは、メインフレームに何も表示されません。 これは一体どうしてなのでしょうか? HP作成ソフトの互換性などの関係なのでしょうか? ちなみにその部分のタグは、<area shape="rect" coords="63,8,99,24" href="banner/banner.html" target="mainFrame">といった感じです。Firefoxでは問題なく表示されたので、パスなどの間違いではないとは思うのですが…。 良く解っていないのですが、63~の数字が関係しているのでしょうか。この数字が何を表しているのかよく解っていません…。 とても困っています。どなたか、何でも良いのでご教授願えますでしょうか。よろしくお願い致します。

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

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

こちらでもまったく同じものを再現してみました。 ソフトではなくメモ帳です。 IE7で表示されます(safari未検証) なので、これは非常に可能性としては低いのですが、 adobe GoLiveCSとIEとの相性が悪いのではないかなと。 私adobe GoLiveCS使ってないのであくまで憶測ですが、 例えばIEで読めないタグなどが自動挿入されるとか… 回答にならなくてごめんなさい m(__)m 63~の数字は画像の座標位置です。 "63,8,99,24"だと画像の左から63px、上から8px、 左から99px、上から24pxの地点で囲まれた範囲がリンク範囲ってことになります。 なので、これらの数値は表示されない問題とは無関係と思われます。

shizuru07
質問者

お礼

こんばんは、早速のご回答、誠にありがとうございます! また、再現までして頂きありがとうございます…お手数おかけしてしまいすみませんm(_ _)m 私の方でも、adobe GoLiveCSの方に何か問題があるのかと思い、ミミカキエディットでいろいろといじってみたら、ちゃんと表示されました…。 どうやらadobe GoLiveCSで作成中か保存中に、ファイルが壊れたかおかしくなってしまったのかも知れません。 また、IEで読めないタグという可能性もとても高そうです…! adobe GoLiveCSは使っている人も少ないような気もしますし、IEやsafariの相性があまり良くないのかも知れません…。 またブラウザのバージョンも関係してきそうですね…、私のIEは最新の7ではなかったです(_ _;) タグの数字は、座標だったんですね…! そんなことも知らずに質問してしまいお恥ずかしいです…すみませんでした; web作成はいろいろと複雑で難しいですが、奥が深いですね…改めて勉強したいと思います。 丁寧に解り易く教えて下さって、本当にありがとうございました! とても助かりました…親切に教えて頂けて嬉しかったです(^^)♪

関連するQ&A

  • 画像に複数リンクをはる方法(イメージマップ)

    画像は表示されるのですが、リンクがはれません。 どこがおかしいのでしょうか? リンクをはる画像と、リンク先は別フレームで、表示させたいフレームの名前はinです。 ついでに、リンクをクリックした瞬間に出る点線の消し方もわかる方がいたら教えてください。 よろしくお願いします。 タグ(html内)↓ <body> <img src="http:~" usemap="mn"> </body> <map name="mn"> <area shape="rect" coords="298,298,355,262" href="http:~l"target="in"> <area shape="rect" coords="298,276,319,285" href="http:~"target="in"> <area shape="rect" coords="324,273,362,288" href="~html" target="in"> <area shape="rect" coords="367,276,399,286" href="~html" target="in"> </map>

  • クリッカブル・マップのリンクが効かない

    下記のコードでpngの画像上でリンクをつけましたが、カーソルをかざしても反応が有りません。どこが間違っているのでしょうか? 皆様、ご教授お願いします <table width="750" align="center"> <tbody> <tr><td> <img src="top2.png" usemap="#top2"> <map name="top2"> <area shape="rect" coords="20,197,63,206" href="http://------.html" alt="A"> <area shape="rect" coords="78,198,121,206" href="http://------.html" alt="b"> <area shape="rect" coords="137,198,181,206" href="http://------.html" alt="c"> <area shape="rect" coords="196,198,239,206" href="http://------.html" alt="d"> <area shape="rect" coords="19,163,63,272" href="http://------.html" alt="e"> <area shape="rect" coords="77,264,121,272" href="http://------.html" alt="f"> </map> </td> </tr> </tbody> </table>

    • 締切済み
    • XML
  • 画像マップしたリンク先をクリックするとフェードでリンク先のページに切り

    画像マップしたリンク先をクリックするとフェードでリンク先のページに切り替わることなどできないでしょうか?? 問題のコードです <div id="main_ex"> <img id="mg" src="site02/ex_top03.jpg" usemap="#hisigata" border="0" /> <map name ="hisigata"> <area shape="rect" coords="10,498,149,532" href="site02/ex_01.htm"> <area shape="rect" coords="582,468,790,496" href="site02/ex_02.htm"> <area shape="rect" coords="800,465,932,493" href="site02/ex_03.htm"></div> href="site02/ex_01.htmに切り替わるときにフェードで切り替わりたいです。 (site02/ex_02.htm site02/ex_03.htmも同様) jQuery でも javascriptでもかまいません。 なにかよい考えございましたらぜひお教え願えたらと思います。 甘えた質問で申し訳ありませんが、よろしくお願いいたします。

  • イメージマップで文章を表示したい。

    下記の例のように、「map.gif」という画像の各箇所ごとにそれぞれのリンクを貼るのは下記の方法で出来ると思うのですが、 「coords="22,11,122,62"」にマウスが乗ったときに指定した箇所に文章を表示するにはどうしたらよいのでしょうか? ※それぞれの箇所によって、それぞれ違った文章を表示したいです。 ※「map.gif」という画像が表示されている上段(下段でもOK)に枠を作って、その中に説明文が表示される仕組み。 <img src="map.gif" alt="サンプル" usemap="#sample"> <map name="sample"> <area shape="rect" coords="22,11,122,62" href="map1.html" alt="リンク1"> <area shape="circle" coords="184,86,30" href="map2.html" alt="リンク2"> <area shape="poly" coords="87,78,30,110,81,139,69,113" href="map3.html" alt="リンク3"> <area shape="default" href="map4.html" alt="リンク4"> </map> 宜しくお願いします。

    • ベストアンサー
    • HTML
  • クリックしてリンク先に移動する地図をwebに掲載しましたが

    ホームページに地図の画像を掲載して、 その地図にいくつかのクリックできるポイントを設定し、 それぞれリンク先に移動するようにしました。 IEではキレイに地図の画像が表示できているのですが、 FireFoxとか、Netscapeでは地図に青い外枠が表示されます。 赤を基調にしたサイトなので不自然な感じがして困っています。 どのようにこれを回避したらよいのでしょうか。 具体的に下記付け加えるもの等ございましたら教えてください。 よろしくお願いします。 <MAP NAME=map1> <AREA SHAPE=rect COORDS="112,2,196,28" HREF="room1.htm"> <AREA SHAPE=rect COORDS="213,3,298,28" HREF="room2.htm"> <AREA SHAPE=rect COORDS="310,2,399,28" HREF="room3.htm"> <AREA SHAPE=rect COORDS="413,2,495,28" HREF="room4.htm"> <AREA SHAPE=rect COORDS="513,1,594,27" HREF="room5.htm"> <AREA SHAPE=rect COORDS="614,2,701,28" HREF="room6.htm"> </MAP><IMG USEMAP="#map1" SRC="worldmap.gif" WIDTH=702 HEIGHT=29 ALIGN=bottom>

    • ベストアンサー
    • CSS
  • クリッカブルマップのリンクが‥

    クリッカブルマップでリンクさせたくて、記述いたしましたが、リンクが有効になっていません。 ブラウザ上では画像表示のままでハイパーリンクになっておらず、目的のページへ行けない状態です。 これは何が原因でしょうか。 以下、htmlの記述です。みなさま、どうかご教授のほどお願いします。 <img src="./images/menu1.jpg" usemap="#linkmap" border="0" height="81" width="500"> <map name="linkmap"> <area shape="rect" coords="x15,y22,x88,y53" href="$home" alt="ホーム"> <area shape=rect coords="x88,y22,x203,y53" HREF="http://"> <area shape=rect coords="x201,y22,x310,y53" HREF="./index.cgi?mode=top"> <area shape=rect coords="x309,y22,x418,y53" HREF="http://"> </map>

  • ブラウザに対応させるには?

    はじめまして  現在xoopsでホームページ作成してるんですけど ブロック配置を「中央ブロック中央」で設定し htmlでトップを作ってブラウザで確認したのですけどfirefoxでみたときにイメージマップで作ったリンクがリンクされてないのです。 一応、私もいろいろ思いつくことはやってみたのですけど・・・どうしても出来なかったので質問したしだいです。 これが問題のタグなんですが  <table> <td align="center" width="" height=""> <img src="" width="" height="" border="" usemap="#Map"> <map name="Map"> <area shape="rect" coords="6,5,54,56" href=""> <area shape="rect" coords="71,6,121,55" href=""> <area shape="rect" coords="135,5,185,55" href=""> <area shape="rect" coords="198,5,248,54" href=""> </map> の部分がfirefoxではリンクされない状態で画像が表示した状態になるところです。  ご回答よろしくお願いします。

  • クリッカブルマップで同時にリンク

    クリッカブルマップで、2つのページに同時にリンクさせたいのですが、下記のタグだと1ヶ所しかリンクができません。同時にリンクをさせるには、どんなタグをどのように追加したらいいのでしょうか。よろしくお願いします。 <MAP NAME="map1"> <AREA SHAPE="RECT" COORDS="*,*,*,*" HREF="xxx.html" target="migi"> </MAP>

  • イメージマップでのオンマウス時のカーソルについて

    こんにちは。質問お願い致します。 ホームページビルダー7でTOPページをイメージマップで作ったところ、 領域枠クリックでリンク先には飛ぶのですが、 オンマウスしてもカーソルが変わってくれません。 (リンク先だと認識してくれません?) リンク先がjavaの小窓を指定しているから カーソルが変わらないんでしょうか? タグは<AREA href="javascript:subWin1();" shape="rect" coords="561,27,615,53">になっています。 何か付け足すタグなどありますでしょうか? カーソルが変わってくれないので、リンクが貼ってあることもわかりづらくて困っています。 お力お貸しください。どうぞよろしくお願い致します。

  • クリッカブルマップでリンクを貼ったとき…

    クリッカブルマップでリンクを貼ったとき、リンク周りにborderのような、枠、色をつけることはできないのでしょうか? <IMG SRC="photo/建物配置図.jpg" ALT="選択してね" border="0" usemap="#haitizu"> <map name="haitizu"> <area shape="rect" coords="185,247,240,303" href="taikukann.html"" alt="体育館"> </map>

    • ベストアンサー
    • HTML

専門家に質問してみよう