• 締切済み

クリッカブルマップ(?)にインラインフレーム

クリッカブルマップの背景にインラインフレームをのせる時はDIVタグしかないですか? DIVでのせているんですが、他の人が見るとずれてるというのです。 誰が見ても同じ所にインラインフレームをおくにはどうすればいいのですか? テーブルのタグでやってみたのですが背景画像の下にいってしまって余計ずれてしまいました。

みんなの回答

  • basil
  • ベストアンサー率35% (148/420)
回答No.1

クリカブルマップってことは画像ですよね。 通常そのまま上にインラインフレームを重ねる事はできません。 一部のユーザ環境で、レイヤーをつかって画像の上に重ねる事はできますが、対象にするユーザ環境をどこらへんまで絞るか(そのホームページを観るひとが使うだろうブラウザやOSなどのうち、マイナーなものをどのくらい切り捨てるのか)にもよってこの技術が使えるかどうか変わります。 企業サイトのような「みんなに観てほしい」サイトではこういった極端な技術は敬遠されて使われないケースがほとんどです。 「誰が見ても同じ」を目指すなら レイヤーやインラインフレームなどの使用は 避けるのが無難でしょう。 少し難しい話をすると、 世界にはいろんな標準化組織(たとえばW3Cなど)があってそこで世界中で通用するべき「基準」をつくっています。マイクロソフトやネットスケープ、オペラなど、いろんな企業がこの基準を元にブラウザソフトを開発しリリースしている訳ですが、それぞれ表示につかうレンダリングエンジン(画面を描画するソフト)は独自に開発したものであり、仕様もアルゴリズムもバラバラです。「基本的には同じ」であっても、細かい部分は違うわけで、こういった「細かい部分」の機能をホームページ内に盛り込むと、各ブラウザで表示結果が変わる訳です。 ホームページを作る人の使っているパソコン上でちゃんと見えるからといって、インターネット上の全てのユーザにあなたと同じパソコン・OS・言語・ブラウザなどを使ってもらう訳にはいかないですよね。そのために「標準」に沿ったHTMLを書く事を推奨します。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • クリッカブルマップとインラインフレームを組み合わせたい

    こんにちは。自分でも検索してしらべたのですが、どうしてもわからないので、質問させていただきます。 現在、ページを製作中なのですが、タイトルのとおり、クリッカブルマップ画像の上にインラインフレームを組み合わせる方法がわからず、困っています。 透過したインラインフレームを、女の子の画像に重ねて表示してあります。この女の子の画像にメニューが書いてあるので、それをクリッカブルマップにして、インラインフレームにリンクを表示したいと思っています。 画像の上にインラインフレームを重ねて表示するのには成功しましたが、クリッカブルマップのタグを書き加えると、画面が真っ白になってしまいます。 クリッカブルとインラインを組み合わせたデザインのサイトは結構あるので参考にしようとしてみましたが今いちわからなくて・・・ 回答よろしくお願いします。

  • クリッカブルマップがきかない!?

    html初心者です。 地図の画像上に複数のにクリッカブルマップを作成して、同ページ内のアンカーリンクへリンクを設定しています。 ※クリッカブルマップはDreamweaverで作成しています。 IEではちゃんとリンク先に行くのですが、ネスケだと、リンク先に移動しません。。どこが悪いのでしょうか??ソースは下記にある通りです。 なにか決定的にタグが抜けているんでしょうか?? 皆様、初心者な私にどうか教えてください。 よろしくお願いします。。。 ---------------------------------------------- <BODY> <div align="left"> <img src="image/map.gif" width="500" height="300" border="0" usemap="#Map"> <MAP name="Map"> <AREA shape="rect" coords="342,38,447,65" href="#01"> <AREA shape="rect" coords="333,108,439,144" href="#02"> </MAP> </div> <div> <A name="#01">一丁目</A> <A name="#02">二丁目</A> </div> </BODY>

    • ベストアンサー
    • HTML
  • 「クリッカブルマップを施した画像(前面写真:1024×768)を背景に」って出来ますか?

    こんにちは。 【C-Map0.79】や普通のHTMLタグでクリッカブルマップを作成し、その画像を背景(前面写真:1024×768)に持ってくることって出来ますか? 普通のHTMLタグにある、【<img src="画像のURL" usemap="#上でつけたのと同じ名前" alt="説明">】のところに、画像(前面写真:1024×768)を持ってくるとスクロールしなければならない上、背景に設定したようにならず隙間が出来ます。 「クリッカブルマップを施した画像(前面写真:1024×768)を背景に」というのは不可能でしょうか?

    • ベストアンサー
    • HTML
  • クリッカブルマップで・・・

    ランダムにクリッカブルマップを出す事は出来るでしょうか? どこのホームページを見ても ランダム画像まででクリッカブルマップの説明はないんです。 どうしたらランダムにクリッカブルマップを出す事が出来るんでしょうか? どなたか教えてください・・・。

  • クリッカブルマップをCSSでロールオーバーする方法

    webプログラマです。 いろいろやってみましたが、どうしても方法が分かりません。 ネットでもずいぶん調べましたが、見つけられませんでした。 クリッカブルマップで指定したareaの部分だけを CSSを使って別の画像をロールオーバーしたいのです。 JavaScriptを使う方法や、 CSSでも他の方法は分かっていますが、 ページがかなり複雑な構成で、 divタグだらけになっていますので、 出来ればa:hoverのようなシンプルな方法を探しています。 ちなみに、この画像を背景にすることは、 制作意図的にできませんので、 画像挿入の上、マップというのが前提になります。 どなたか方法をご存知の方、ご享受ください。 よろしくお願いします。

  • クリッカブルマップの下に隙間ができる

    クリッカブルマップ画像をテーブルに入れて その下にテーブルを入れるとその間に隙間が出来てしまいます。 下のHTMLですが、どこが間違っているのか教えて下さい。 <img src="img/index/h_01.jpg" width="700" height="90" border="0" usemap="#Map"><map name="Map"> <area shape="rect" coords="8,15,189,74" href="index.html"> </map> 困っているのでよろしくお願いします! 足りない部分があれば追加して記入しますのでご指摘ください。

  • クリッカブルマップとテーブルの間に隙間が…

    クリッカブルマップとテーブルタグを ・・・・・クリッカブルマップ画像・・・・・ テーブル左(画像貼り付け) テーブル右 という配置で併用したところ、マップ画像とテーブル左の間に隙間ができてしまいます。 border="0" cellpadding="0" cellspacing="0"などを入れてみても変化がありません。 左テーブルに貼る画像はマップ画像の続き(例:マップ画像の左下に花の花弁部分、テーブル画像に茎部分、といった感じです)なので、どうしても隙間なく並べたいのですが、それは可能でしょうか? 解る方がいらっしゃいましたら教えてください。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • クリッカブルマップをロールオーバーをしたい!

    画像の一部にクリッカブルマップを配して、その部分のみカーソルを当てると画像が変わるようにしたいのですが、以下の方法を見つけました。 http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1422869464 ですが、 <div> <img src="sample_01.jpg" alt="" width="650" height="149" border="0" usemap="#Map3" id="map"> <map name="Map3"> <area shape="rect" coords="26,105,167,131" href="#start" onmouseover="changeMapImage('sample_01_02.jpg')" onmouseout="changeMapImage('sample_01.jpg')"> </map> </div> <div> <img src="sample_02.jpg" alt="" width="650" height="149" border="0" usemap="#Map4" id="map"> <map name="Map4"> <area shape="rect" coords="26,105,167,131" href="#start" onmouseover="changeMapImage('sample_02_02.jpg')" onmouseout="changeMapImage('sample_02.jpg')"> </map> </div> このように、クリッカブルを配した画像が続いた場合、なぜか2番目の画像にカーソルを当てると、1番上の画像がロールオーバーされるという。。。 ジャバスクリプト初心者の私にはなぜだか全く分かりません。 他の方法(フラッシュなど)もあるようなのですが、この方法で解決方法を教えて頂けますでしょうか? どうぞよろしくお願いいたします。

  • クリッカブルマップの作り方

    クリッカブルマップの作り方 アメリカの州、中国の省、山手線の駅名をクリックしたら、リンク先へとぶ画像をつくりたいと考えています。 下絵の入手先をご存じでしたらお教えください。有料でかまいません。 フォトショップか、イラレか、あるいは何でつくればいいでしょうか? 作り方のサイトなどありますでしょうか? 下は一例です。 http://www.jcbus.co.jp/chinahotel/map/

  • 入れ替えた画像をクリッカブルマップにしたい

    スクリプトで変更した画像をクリッカブルマップにしたいのですがよくわかりません。 入れ替える為のスクリプトとクリッカブルマップについては単体では、ほぼ理解できていますが、それを結びつける知識がありません。 果たして、スクリプトで実現できるものなのでしょうか。