- 締切済み
クリッカブルマッピングの線を表示したい
お世話になっております。HTMLで質問です。 画像にリンクを付ける「クリッカブルマップ」ですが、 この「リンクの線」を表示させたいのです。(クリックした後にはラインが残りますが、リンクを外すと消えてしまいます。) 検索してみるとこのラインを「消したい」というご質問は良く見かけたのですが、意図的に色を付けたいというものは見つかりませんでした。 可能であれば、「色」「線の太さ」なども指定できたら助かります。 見たことがない技術なので難しいとは思いますが、知識謝の皆様の中で、もし知っている方がいらっしゃいましたら教えて頂けたら、嬉しいです。
- みんなの回答 (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;"を指定することです。
- taka-chan_1978
- ベストアンサー率26% (38/143)
それは、作成段階の話でしょうか? それとも、IEなどで常にクリッカブルマップのリンク線を表示するということでしょうか?
補足
IEで指定の画像のクリッカブルマップのラインを表示するということです。フォトショップなどの画像ソフトで、画像自体にラインを付けなくても良い方法を模索しているのです。
補足
ありがとうございます=! お返事が遅れすぎ、誠にすみませんでした。 帰宅後、早速、やってみますね。 結果報告いたします。 IE以外のブラウザでは今、注目株のfirefoxでどのように表示されるか、を重要視したいと思います。