クリッカブルマップで反応しない箇所について

HTML版過去ログ

日時： 2010/07/24 09:30
識別： ID1Ria4XYTJt6
名前： etsuko: よろしくお願いします。

１つの画像に３つの犬の写真があります。左から、以下の記述でクリッカブルマップを作るという練習問題をやっています。

ところが、何度やってみても、解答どおりのソースであることを確認しても、一番左の画像（ソース上では一番上）しかリンク状態（画像の上にポインタを置いたときに手のマーク）になりません。もちろんリンク先にも飛びません。リンク先の指定、階層は間違いありません（一番左のリンク先を同じ階層です）。

ブラウザは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が違っていました。
昨日から何回も見直して見直して・・・それでも気付かないなんて本当にケアレスミスです。あきれかえらず、教えていただいてありがとうございました。

ホームページビルダー・グレート初心者講座