- 締切済み
画像に複数リンクをはる方法（イメージマップ）
画像は表示されるのですが、リンクがはれません。 どこがおかしいのでしょうか？ リンクをはる画像と、リンク先は別フレームで、表示させたいフレームの名前はinです。 ついでに、リンクをクリックした瞬間に出る点線の消し方もわかる方がいたら教えてください。 よろしくお願いします。 タグ（html内）↓ <body> <img src="http:～" usemap="mn"> </body> <map name="mn"> <area shape="rect" coords="298,298,355,262" href="http:～l"target="in"> <area shape="rect" coords="298,276,319,285" href="http:～"target="in"> <area shape="rect" coords="324,273,362,288" href="～html" target="in"> <area shape="rect" coords="367,276,399,286" href="～html" target="in"> </map>
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- ORUKA1951
- ベストアンサー率45% (5062/11036)
HTML要素内には、BODY要素とHEAD要素要素がひとつずつしか入りません。 【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから <!ENTITY % html.content "HEAD, BODY"> ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［The global structure of an HTML document (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.3 )］より また、body直下に<img>のようなインライン要素は入れられません。 HTMLを書いたら、 Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html ) などでチェックしましょう。!!!必須 また、現在はmapを使うときも、mapが理解できないユーザーエージェントのために、ナビゲーションリストなどでマークアップした後、mapを使うか、スタイルシートで行うほうが一般的です。 <HTML> <HEAD> <TITLE>クールなサイト!</TITLE> </HEAD> <BODY> <P><OBJECT data="navbar1.gif" type="image/gif" usemap="#map1"> </OBJECT> …この他のページ内容… <MAP name="map1"> <P>このサイトの構成: <A href="guide.html" shape="rect" coords="0,0,118,28">利用案内</a> | <A href="shortcut.html" shape="rect" coords="118,0,184,28">直行</A> | <A href="search.html" shape="circle" coords="184,200,60">検索</A> | <A href="top10.html" shape="poly" coords="276,0,276,28,100,200,50,50,276,0">トップ10</A> </MAP> </BODY> </HTML> Objects, Images, and Applets in HTML documents ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/objects.html#h-13.6 )より、
- torayoshi
- ベストアンサー率62% (910/1449)
<img src="http:～" usemap="mn">→<img src="http:～" usemap="#mn"> それから"298,298,355,262"←この数値おかしい。 アウトラインの消し方は、こんなことしてみるとか。 a:active{ outline:none; } a:focus{ -moz-outline-style:none; } でもブラウザ依存みたいだからやらない方が良いかも。
