window
この質問記事は
解決
しています。
トップページ
> 記事閲覧
クリッカブルマップで反応しない箇所について
日時: 2010/07/24 09:30
識別:
ID:NOlwFaIqitF0
名前:
etsuko
よろしくお願いします。
1つの画像に3つの犬の写真があります。左から、以下の記述でクリッカブルマップを作るという練習問題をやっています。
ところが、何度やってみても、解答どおりのソースであることを確認しても、一番左の画像(ソース上では一番上)しかリンク状態(画像の上にポインタを置いたときに手のマーク)になりません。もちろんリンク先にも飛びません。リンク先の指定、階層は間違いありません(一番左のリンク先を同じ階層です)。
ブラウザはIE8です。何か原因があるのでしょうか。
<img src="images/question.jpg" alt="クイズ" width="415" height="169" usemap="#quiz">
<map name="quiz">
<area shade="rect" coords="38,27,114,96" href="answer1.html" alt="四角顔の答えを見る">
<area shade="circle" coords="212,64,42" href="answer2.html" alt="丸顔の答えを見る">
<area shade="poly" coords="295,28,395,27,329,114" href="answer3.html" alt="三角顔の答えを見る"
</map>
>>引用
Re: クリッカブルマップで反応しない箇所について
( No.1 )
日時: 2010/07/24 10:02
名前:
neo
3番目のarea末尾の > が無い、
shade ではなく shape
<img src="images/question.jpg" alt="クイズ" width="415" height="169" usemap="#quiz">
<map name="quiz">
<area shape="rect" coords="38,27,114,96" href="answer1.html" alt="四角顔の答えを見る">
<area shape="circle" coords="212,64,42" href="answer2.html" alt="丸顔の答えを見る">
<area shape="poly" coords="295,28,395,27,329,114" href="answer3.html" alt="三角顔の答えを見る">
</map>
>>引用
Re: クリッカブルマップで反応しない箇所について
( No.2 )
日時: 2010/07/24 10:34
名前:
etsuko
状態:
解決!
ありがとうございました。できました。
最後の">"は、コピペ違いでしたが、shadeとshapeが違っていました。
昨日から何回も見直して見直して・・・それでも気付かないなんて本当にケアレスミスです。あきれかえらず、教えていただいてありがとうございました。
>>引用
-
( No.3 )
日時: 2011/12/05 05:12
名前:
d251.osa20nn1fm11.vectant.ne.jp
#SPAM
>>引用
返信フォーム
(上記スレッドに返信する場合は以下のフォームから投稿します)
題名
※必須
スレッドをトップへソート
名前
E-Mail
非表示
表示
URL
パスワード
記事メンテ時に使用します (メンテは該当記事の
アイコンをクリック)
返信内容
>>0 > よろしくお願いします。 > > 1つの画像に3つの犬の写真があります。左から、以下の記述でクリッカブルマップを作るという練習問題をやっています。 > > ところが、何度やってみても、解答どおりのソースであることを確認しても、一番左の画像(ソース上では一番上)しかリンク状態(画像の上にポインタを置いたときに手のマーク)になりません。もちろんリンク先にも飛びません。リンク先の指定、階層は間違いありません(一番左のリンク先を同じ階層です)。 > > ブラウザはIE8です。何か原因があるのでしょうか。 > > <img src="images/question.jpg" alt="クイズ" width="415" height="169" usemap="#quiz"> > <map name="quiz"> > <area shade="rect" coords="38,27,114,96" href="answer1.html" alt="四角顔の答えを見る"> > <area shade="circle" coords="212,64,42" href="answer2.html" alt="丸顔の答えを見る"> > <area shade="poly" coords="295,28,395,27,329,114" href="answer3.html" alt="三角顔の答えを見る" > </map>
※必須
エラーメッセージや内容などは省略せず詳細にご記入下さい
状態の設定
記事続行中
問題が解決した!
記事を取消したい
・問題が解決したら
解決
を選択して投稿して下さい
HELP(新しいウィンドウが開きます)
・既存記事の状態設定はメンテ(
アイコン)から修正する事ができます。
投稿内容をご確認下さい(記事の削除は出来ません)
クッキー保存