イメージマップを使うと、一部のPCで元画像のリンクが反応しない

このQ&Aのポイント
  • HPの上部に配置した画像のクリックリンクが一部のPCで反応しない問題が発生。特定のブラウザとPCに限られる現象。
  • イメージマップを使用して新たなリンクを貼ったところ、元の画像のリンクが反応しなくなる事象が発生。
  • Macで制作したHPでイメージマップを設定しているが、特定のMacノート型PCでのみ反応しなくなる現象が発生。
回答を見る
  • ベストアンサー

イメージマップを使うと、一部のPCで元画像のリンクが反応しない

こんばんは、早速質問させていただきます。 質問の内容はWEB制作についてです。 HPの上部に一枚の画像を配置して、その画像をクリックすると常にトップページに戻るようにリンクを貼りました。 それからその画像の一部にイメージマップで新たに別のリンクを貼ったところ、画像のリンクが反応しなくなってしまいました。 で、ここからがよく分からない点なのですが、このリンクが反応しなくなる現象が全てのパソコンで起こるわけではなくて、一部のパソコン(具体的には制作監督の方のPC)でだけ起きてしまうというところなんです。 制作している自分のPCでは画像のリンクも、イメージマップのリンクも問題なく反応しているのに、上記PCでは反応しなくなる。 イメージマップの設定をとると、画像のリンクはまた反応してくれるのですが、これについて何かわかる方いらっしゃいますでしょうか? ちなみに制作はMacで全て行っていて、問題のリンクが反応しなくなるPCもMacのノート型です。ブラウザはsafariです。 HPの作りとしては<div>で領域を分けながらCSSでレイアウトを調整するスタイルで、画像は<div="headerimage">という領域に入れています。 現在は画像に別にイメージマップを設定して、それをトップページへのリンクにすることでとりあえず対応しています。そもそもイメージマップ自体を使わないという方法も検討中ですが、個人的にも気になっているので何か分かればいいなぁ、と質問させていただきました。 よろしくお願いします。 質問わかりにくければ追記いたしますので、ご指摘ください。

  • HTML
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
noname#119957
noname#119957
回答No.1

ブラウザのバージョンが異なるため。ブラウザのバグ。etc ブラウザ毎にレンダリングに差異がありますので、最低限windowsでも確認が必要ですね。IE8,7,6 firefox OPERA Netscape safariくらいは確認しないとだめでしょうね。。

coronchi
質問者

お礼

回答どうもありがとうございました。いろんなブラウザでのチェックがやっぱり基本ですね。

関連するQ&A

  • イメージマップを使うと、一部のPCで元画像のリンクが反応しない

    質問です。 HP制作中でちょっと困っているのですが。 HP上部に画像を一枚配置して、その画像にリンクを貼りました。トップページへ戻れるようにしました。それからその画像にイメージマップで別のリンクを貼ったところ、画像の方のリンクが反応しなくなってしまいました。 で、わからないところが、このリンクが反応しなくなる現象が一部のPCだけで起こるんです。HP制作をしている自分のPCでは特に問題なく、画像のリンクもイメージマップのリンクも反応してくれるのに、制作監督の方のPCで見るとリンクが反応しなくなってしまうんです。 イメージマップの設定をはずすと、画像のリンクはまた反応してくれるんですが、これについて何かわかるかたはいらっしゃいますか? ちなみに制作は全てMacで行ってます。問題が起こっているPCのブラウザはsafariです。 HPは<div>をCSSで調整してレイアウトしてます。画像は<div="headerimage">という領域に入れてます。 そもそもイメージマップを使わないということも検討してるんですが、個人的に気になるので何かわかればいいなぁと質問させていただきました。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 背景固定画像にイメージマップ

    今、ホームページ・ビルダーver6でHPを作ってるんですが、 アイフレームの外に画像を置いて、その画像をイメージマップにしてメニューリンクを張りたいです。 普通に画像の挿入で入れた画像にはイメージマップが出来るんですが、 背景固定で背景として設置した画像にはイメージマップが出来ません。 どうやったら、背景固定で設置した画像にイメージマップでリンクを入れられるんでしょうか?? 是非とも教えて下さい!!!!!

    • ベストアンサー
    • HTML
  • イメージマップで画像変え

    イメージマップで作成したリンクボタンを使って別の場所の画像を変えることはできるのでしょうか? またイメージマップを使っている画像を上の方法で変えることはできますか?

  • イメージマップを使用している画像のロールオーバー、できる?

    こんにちは、いつも教えてgooでは質問させていただいて、大変助かっております。 さて、本題なのですが、イメージマップを使用してある画像の一部にリンクをはっているのですが、その一部だけをロールオーバーで他の画像に差し替えることは可能でしょうか? お分かりの方、回答いただけると助かります。 よろしくお願いします。m(_ _)m

  • イメージマップで保存したのにサーバーにUPしてもリンクがとびません

    イメージマップで保存したのにサーバーにUPしてもリンクがとびません フォトショップCS2 フォトショップで作った画像の一部にリンクを飛ばしたくてイメージマップを使い、作成をし最適化をして画像だけにして保存をしました。保存形式がgif になっていたのでそれをサーバーにUpして画像が出てきたのですが、なぜリンクがとびません、イメージマップの作り方教えて下さい。 使っているパソコンはマックOSXです。 お願いします。

    • 締切済み
    • Mac
  • イメージマップ作成

    外部ファイルでスタイルシートを読み込んで画像を固定していますが、 その画像の一部にリンクを貼りたいのです。 通常のイメージマップは作成できるのですが スタイルシートではできません。 教えてください。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • 1画像内に複数リンクを設定!イメージマップの作り方

    1画像内に複数リンクを設定し、マウスをのせたとき枠を表示させたいのですが・・・ 参考イメージ http://www.mapion.co.jp/map/japan.html

  • マップを使ってページをリンクしさらにページ内リンクにしたが飛ばない。

    マップを使ってページをリンクしさらにページ内リンクにしたが飛ばない。 <img src="images/aaa.jpg" usemap="#map" /> <map name="map"> <area href="kan.html#3" alt="" shape="rect" coords="0,3,105,154" /> </map> kan.html <div align="center" id="3"><img src="images/bar_3.jpg"></div> 以上のようにマップを使ってリンクページの更にページ内リンク先に飛ばそうとしても そのページに飛ぶだけで、飛ばしたい位置まで行きません。 <a name="3"><img src="images/bar_3.jpg"></a> でもダメです。 どうしてでしょうか?

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

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

  • HPビルダーイメージマップとロールオーバーについて

    カテゴリがあってるかわかりませんが質問させてください。 僕は現在HPビルダー10を使っています。 それで一つの画像へイメージマップを使って6つのコンテンツへ リンクさせる事は今出来ています。 イラストをマップにしているのですがそのイラストにふきだしが追加された 同じサイズの画像へと一つ一つのリンクがカーソルを乗せると切り替わるようにしたいのです。 そこでイメージマップのイベントからOnMouseOverで指定したのですが必ず layers.lenghtはNullまたはオブジェクトではありません。とエラーコードが出てしまいます。 このエラーが出ないようにするには、そして本来の目的である リンクにポインタを乗せると画像が切り替わるようにするには どうすれば良いのでしょうか? 教えてください。

専門家に質問してみよう