プロが教えるわが家の防犯対策術！

クリッカブルマップについて

解決済

  • 質問者：RiodeJanei
  • 質問日時：
  • 回答数：2件

私は、Macintoshを使って、ＨＰ製作をしているのですが、
クリッカブルマップが、MacのSafariではちゃんと出来ているのに、
internet explorerだと見れません。
どこが違うのでしょうか？ご回答お願いします。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--
BODY{cursor:crosshair;}
-->
</style>
<title>サンプル</title>
</head>

<body background="002.jpg">
<div style="top : 40px;left : 90px;
position : absolute;
z-index : 1;
" id="Layer1">
<img src="window18.jpg"　usemap="#map1"　alt="">
<map name="map1">
<area shape="rect" coords="586,247,617,261" href="info.html" target="iframe">
<area shape="rect" coords="622,247,660,261" href="info.html" target="iframe">
<area shape="rect" coords="666,247,690,261" href="contact.html" target="iframe">
<area shape="rect" coords="582,276,626,291" href="cosme.html" target="iframe">
<area shape="rect" coords="631,276,663,290" href="kaimono2.html" target="iframe">
<area shape="rect" coords="667,276,698,290" href="link.html" target="iframe">
<area shape="default" nohref>
</map>
</div>
<div style="top : 145px;left : 190px;
position : absolute;
z-index : 1;
" id="Layer2">
<iframe src="migi.html" border="0px" width="450" height="280" scrolling="AUTO" name="iframe">
</iframe></div>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

  • 回答者： gottyato
  • 回答日時：

原因は、この部分でした。


<img src="window18.jpg"　usemap="#map1"　alt="">
usemapとaltの属性名の前に全角スペースが入っています。
下記のタグをコピーアンドペーストしてみてください。

<img src="window18.jpg" usemap="#map1" alt="" border="0">
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございました！！改善されました！

通報する
お礼日時：2006/05/15 21:40

No.1

  • 回答者： gottyato
  • 回答日時：

画像の部分など、絶対パスで記述し、私からもクリッカブルマップを使用したい画像を見せていただけると幸いです。

この回答への補足

絶対パスがよく分からないので、とりあえず
サーバにアップしました。
http://worthless.syuriken.jp/index2.html

補足日時：2006/05/14 13:20
通報する
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報