• ベストアンサー

「クリッカブルマップを施した画像(前面写真:1024×768)を背景に」って出来ますか?

こんにちは。 【C-Map0.79】や普通のHTMLタグでクリッカブルマップを作成し、その画像を背景(前面写真:1024×768)に持ってくることって出来ますか? 普通のHTMLタグにある、【<img src="画像のURL" usemap="#上でつけたのと同じ名前" alt="説明">】のところに、画像(前面写真:1024×768)を持ってくるとスクロールしなければならない上、背景に設定したようにならず隙間が出来ます。 「クリッカブルマップを施した画像(前面写真:1024×768)を背景に」というのは不可能でしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • 345itati
  • ベストアンサー率48% (795/1639)
回答No.4

今は画像を入れるための記述が <img src="画像のURL" usemap="#上でつけたのと同じ名前" width="1024" height="768" alt="説明"> となっていると思います(widthとheightは一応必ず指定して下さい ここに <img src="画像のURL" id="imagemap" usemap="#上でつけたのと同じ名前" width="1024" height="768" alt="説明"> と書き加えればいいと思います。 ただ位置を決められる要素を入れ子にしていたりして、画像より前に別な配置の記述があると、この書き方ではずれる場合があります。 <img>部分は <body> <img src="画像のURL" id="imagemap" usemap="#上でつけたのと同じ名前" width="1024" height="768" alt="説明"> でbodyの直下に置いて下さい。

すると、全ての回答が全文表示されます。

その他の回答 (3)

  • 345itati
  • ベストアンサー率48% (795/1639)
回答No.3

<head></head>間に <style type="text/css"> #imagemap { margin-top: 0px; margin-left: 0px; padding-top: 0px; padding-left: 0px; border: none; } </style> で、画像に <img src="画像URL" id="imagemap" ~以下略> で上部と左の余白が無くなるかと。 デフォルトでマージンが取られるのは各ブラウザ依存の仕様らしいので、きっちり指定しないと隙間が出るらしいです。

MEGUMI19
質問者

お礼

こんにちは^^ たびたびすみません(^_^;) <img src="画像URL" id="imagemap" ~以下略>の「id="imagemap" ~以下略」の部分は、どこをどう入れればいいんでしょうか??(^_^;)

すると、全ての回答が全文表示されます。
  • 345itati
  • ベストアンサー率48% (795/1639)
回答No.2

画像の配置で隙間が気になるなら、CSSを使って配置すればいいのでは? 1024×768だとかなり大きい画像ですから、モニタの解像度が800×600のPCからとかだと、どっちにしろスクロールしなければなりませんよ^^;

MEGUMI19
質問者

お礼

ご回答ありがとうございます^^ CCSを使うとすれば、どのタグを使えばよろしいでしょうか?

すると、全ての回答が全文表示されます。
noname#39970
noname#39970
回答No.1

言ってる事がよくわからない どのみち背景にしても画面に入りきらなかったらスクロールしないと下の方や右の方にあるクリックポイントはクリックできないと思う 同面積の透明画像を貼り付けて背景画像をそれにするとか

すると、全ての回答が全文表示されます。

関連するQ&A