こんにちは。いつもお世話になっています。
私は今個人HPをfrontpageを使用して作成しています。
個人的にはfrontpageでもテキストでもどちらでもいいのですが、
一つのコンテンツにAという大きなgifファイルを載せて
さらにそのA.gifの上に小さいB.gifファイルを乗せて
そのB.gifにリンクを張りたいと思っています。
例でいうと地図上に旗を立ててその旗をクリックすると
その県のページにリンクするような感じです。
どなたかわかる方がいらしたら、教えて下さい。
また、そういった方法が記載しているサイト等ありましたら
是非教えて頂きたくお願い申し上げます。
No.2ベストアンサー
- 回答日時:
スタイルシートとかで簡単にできます。
小技を紹介するサイトを紹介しておきます。
http://webguide.poke1.jp/kowaza/index79.html
で、ここからソースをコピってしまいますが、
リンクをはりたいとのことなので、
<DIV style="position : absolute;left : 100px;top : 150px;">
<img src="../images/kabe2.gif"></DIV>
<DIV style="position : absolute;left : 150px;top : 220px;">
<A HREF="XXX.html"><imgsrc="../images/kabe3.gif"></A></DIV>
で上に乗る画像をクリックすればXXX.htmlにとべます。
リンクの線を消したければスタイルに追加してください。
画像が1枚であれば、No.1さんが言うようにマッピングが使えます。
ありがとうございます!!こんな技があったんですね!!
位置関係はいろいろ調整してうまく重ねてなんとかなりました。
本当にありがとうございました♪
No.1
- 回答日時:
イメージマップという手法を使います。
「イメージマップ」で検索しますと詳しく書かれたサイトが見つかると思います。
画像は重ねた状態のものを用意することになります。
参考URL:http://www.scollabo.com/banban/lectur/ht16.html
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ノートパソコン Outlookメールで本文中のgif動画をDTに保存したい 3 2023/03/09 21:38
- ノートパソコン gifアニメ―ションを動画(mp4でOK)にしたい 1 2022/08/14 09:51
- PHP $filePath = './user_img/' . $file['name'];? 1 2022/12/10 07:29
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- その他(ビジネス・キャリア) 商用利用の範囲 2 2022/05/20 12:39
- HTML・CSS VSコードでHTMLに(リンク)ファイル名をクリックしてもファイルが開かれない 1 2023/02/12 07:52
- PHP imageフォルダに、画像をリサイズして保存する時のファイル名を変更したい 1 2023/05/30 11:39
- ソフトウェア パソコンでこういうのを作るにはどんなソフトを使えばできますか? 無知すぎて何から聞けば良いのかもわか 2 2022/04/18 11:32
- その他(プログラミング・Web制作) エクセルVBA 3 2022/06/11 16:01
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ホームページの画面文字を濃く...
-
ワードプレスで、画像の横に文...
-
グリッドレイアウトHTMLとCSS
-
ホームページビルダーを複数の...
-
ホームページビルダー22でリン...
-
FFFTPでサーバに新規フォルダが...
-
jQueryで画面サイズによってス...
-
友達にドッキリをしたくて、ホ...
-
Adobe FLASH に代わるソフトは...
-
ホームページビルダー19文字化け
-
ホームページビルダー15で作っ...
-
ホームページビルダー21で作成...
-
入社1年半目です。自習でシェア...
-
既存画像(gif または png)の背...
-
ホームページビルダー
-
ホームページ作成
-
HTMLで、ホームページが作れる...
-
ページの内容コピペ 範囲が広い...
-
ビフォアーアフターのページは...
-
今さらですがHPを作成するに当...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Fireworksで地図上にリンク。
-
画像の一部分にリンクを貼りたい
-
こんなホームページ作れますか?
-
サイトの同じページに画像を複...
-
Dreamweaver MX のロールオーバ...
-
ホームページビルダー7で一つ...
-
画像・スライドショーにコメントを
-
画像の上に画像を重ねたいので...
-
ビルダー6.5 携帯サイト作成・...
-
ウェブアートデザイナーの使い方
-
ホームページビルダー16でリ...
-
ホームページビルダーで
-
HP掲示板のリンク先の変更
-
DreamWeaver/タブスタイルのメ...
-
再びホームページビルダー6で
-
discordで画像保存できない
-
既存画像(gif または png)の背...
-
JPG画像のURLを得る方法に関して
-
pythonで複数画像からgifを作る...
-
Photoshopで、削除できますか?
おすすめ情報