• 締切済み

クリッカブルマッピングの線を表示したい

お世話になっております。HTMLで質問です。 画像にリンクを付ける「クリッカブルマップ」ですが、 この「リンクの線」を表示させたいのです。(クリックした後にはラインが残りますが、リンクを外すと消えてしまいます。) 検索してみるとこのラインを「消したい」というご質問は良く見かけたのですが、意図的に色を付けたいというものは見つかりませんでした。 可能であれば、「色」「線の太さ」なども指定できたら助かります。 見たことがない技術なので難しいとは思いますが、知識謝の皆様の中で、もし知っている方がいらっしゃいましたら教えて頂けたら、嬉しいです。

みんなの回答

noname#19206
noname#19206
回答No.2

例えばこんな感じでしょうか? a:link{color:#0000FF;text-decoration:none;border:2px solid white;} a:visited{color:#0000FF;text-decoration:none;border:2px solid white;} a:hover{color:#FF0000;border:#DC143C 2px dotted;text-decoration:none;} a:active{color:#FF0000;border:#DC143C 2px dotted;text-decoration:none;} img{border:0px} ※但しこの方法は非IE環境などで枠や背景の高さがフォントサイズと同じ高さで表示されてしまうので、注意が必要となります。 単純な問題回避策としてはアンカータグにstyle="border:font-size:[画像の高さ+{枠の幅x2}]px;"を指定することです。

mahouchan
質問者

補足

ありがとうございます=! お返事が遅れすぎ、誠にすみませんでした。 帰宅後、早速、やってみますね。 結果報告いたします。 IE以外のブラウザでは今、注目株のfirefoxでどのように表示されるか、を重要視したいと思います。

回答No.1

それは、作成段階の話でしょうか? それとも、IEなどで常にクリッカブルマップのリンク線を表示するということでしょうか?

mahouchan
質問者

補足

IEで指定の画像のクリッカブルマップのラインを表示するということです。フォトショップなどの画像ソフトで、画像自体にラインを付けなくても良い方法を模索しているのです。

関連するQ&A