画像の中の指定した部分から違うページへリンクさせたくて
<img src="image/ie.gif" width="550" height="285" border=0 usemap="#map1">
と入力してその後に
<map name="map1">
<area shape="rect" coords="249,169,295,220" href="link.htm">
</map>
としてリンクさせました。
その後に画像の上に違う画像を重ねたくて最初の画像をTABLEの背景にしようと思って
<table background="image/ie.gif" width="550" height="285" border=0 usemap="#mapie">
と直しました。
そうすると画像を重ねる事はできたのですが、リンクができなくなってしまいました。
TABLEの背景画像からmapを使ってリンクさせる事はできないんでしょうか?それとも何か間違えていますか?
どなたかアドバイスをお願いします。
No.3ベストアンサー
- 回答日時:
こんにちは。
そのままでは、できそうに無いので、ちょっとしたアドバイスを・・・
まず、1ドット*1ドットで、透明化したGIFをご用意ください。
そして、そのGIFファイルを、
width、htightを指定しツリーの画像の外側に読み込んでください。
ここに、MAPをつけます。
<img src="image/dot.gif" width="550" height="55" border=0 usemap="#map1">
<map name="map1">
<area shape="rect" coords="249,20,295,55" href="link.htm">
↑
上の隙間に貼り付ける。これで隙間を埋めれば、多少、ごまかせますよ(^^;
<A href="link.htm"><img src="image/ie.gif" width="550" height="285" border=0 usemap="#map1"> </A>
つまり、ツリーの画面の外を透明な画像で囲んでしまうわけです。
これなら、少々手間ですがIMGの画像なので、MAP指定が可能になります。
案外、応用がきくので憶えておくと便利です。
参考になれば。
でわ!
どうもありがとうございました!
Haizyさんが教えてくれた方法を参考に、ちょっと違うやり方になりましたが
思い通りできました。
どうしようか悩んでいたので本当に助かりました。
ありがとうございました。
No.2
- 回答日時:
tableの背景画像にmapを使ってリンクを指定することは出来ないと思います。
tableの背景画像と、上に重なっている画像が同じ大きさなら、上に重なって
いる画像にmapを指定して、あたかも背景にmapが指定されているように
見せかけることは出来ますが…
困ったことに2つの画像の大きさは全然違うんです。
TABLEの背景画像にするとやっぱりできないんですね。
何か他の方法を考えてみようと思います。
どうもありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- Visual Basic(VBA) 【VBA】写真の貼り付けコードがうまく機能しません。 5 2022/09/01 18:43
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
IMGタグでTIFF画像を表示
-
ボタンを押したままにする。
-
HTMLにQRコードを挿入する方法
-
pngやjsの後ろの英数字の意味は...
-
HTMLでデスクトップの画像がでない
-
背景が透明なリンクボタンで、...
-
サムネイル画像をクリックする...
-
datepickerを使ってカレンダー...
-
予約語の表示について
-
アニメーションGIFを右にス...
-
htmlでのpdf資料のリンク方法
-
画像がテーブル内に収まらない
-
スライドショーの上にロゴマー...
-
カウンターのHTMLソースを教え...
-
<area></area> 部分にボーダー...
-
リンクバナーの貼り付け方
-
IFRAME内に収まるように画像を...
-
すいません HTMLです この画像...
-
ホームページにサウンドの「ON...
-
作ったHPを開くと「アクティブ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
IMGタグでTIFF画像を表示
-
ボタンを押したままにする。
-
スライドショーの上にロゴマー...
-
pngやjsの後ろの英数字の意味は...
-
バナーの貼り方とバナーにリン...
-
HTMLにQRコードを挿入する方法
-
背景が透明なリンクボタンで、...
-
CSSなどでHTML全体の表示を拡大...
-
画像クリックでクリップボード...
-
スマホで、画像をクリックする...
-
form以外でのpostってできますか?
-
「DecareステートメントにPtrSa...
-
クリックしても、リンクに飛ば...
-
<area></area> 部分にボーダー...
-
カーソルが画像に触れたら文字...
-
カーソルを合わせると文字が出...
-
拡張子無しで画像を表示したいです
-
HTMLの画像表示時のキャッシュ...
-
背景画像がちらつく原因は?
-
フォルダ内の画像をウェブでラ...
おすすめ情報