- ベストアンサー
リンクの張り方
ホームページのボタン用の、楕円形の画像を書いたのですが、普通にリンクを張ると四角い枠になってしまいます。 この画像の丸い部分（画像の部分)だけにリンクを張ることってできませんか？ どなたか教えてください。
- rusio
- お礼率84% (84/99)
- JavaScript
- 回答数4
- ありがとう数4
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
よく日本地図からある都道府県を選択すると多角形や円になって選択できる絵がありますが、そのようなリンクでしょうか。 楕円形に設定はできませんが、<AREA>タグを使用すると、円形のリンクシェイプが表示できます。 例） <AREA href="sample.html" shape="circle" coords="309,47,34">
その他の回答 (3)
- tekuteku123
- ベストアンサー率21% (5/23)
この手のものは、クリカブルマップ というキーワード が答えになるとおもいます。
お礼
回答ありがとうございました。クリカブルマップについていろいろ調べてみたいと思います。
- haruka47
- ベストアンサー率50% (75/150)
<a href="aaa.html"> <img src="./aaa.gif" border="0"></A> と云うように、ＩＭＧタグの中にBORDER="0"を入れてあげると枠は消えるようになります。
お礼
border="0"を入れることで四角い線は消すことができました。ありがとうございました。
- hirumin
- ベストアンサー率29% (705/2376)
画像はGIF形式で背景を透過しているものになっていますか？ imgタグで、以下のように、borderを追加してください。 <img src="画像ファイル" border="0"> これでいかが？
お礼
ありがとうございました。border="0"を入れることで四角い線は消すことができました。でも透過処理してもやっぱり画像以外のところにリンクができてしまいます・・・
関連するQ&A
- FC2のリンクの貼り方
私はＦＣ２でホームページを運営しているのですが、画像にリンクを貼ると、画像の回りに紫色の枠がついてしまうんです。他のホームページを見てもそんな枠はついていないのですが…。ＦＣ２だとどうしてもこうなってしまうのでしょうか？どなたかこの紫色の枠のとり方を教えて下さい。
- ベストアンサー
- その他（インターネット・Webサービス）
- 画像にリンクを張るとレイアウトが崩れます。
はじめまして。 現在、Dreamweaverでホームページを作成しています。 横幅ジャストサイズ（正確には10pxのスペース画像含む）でメニューを並べています。 一通り画像のレイアウトが済んで、いざそれぞれのメニューボタンにリンクを張ると、なぜかボタンの枠が紫色に囲まれ、あげくには少しずつボタンが横に移動してしまいます。 そして、最後のメニューボタンが収まりきらず下に回ってしまいます。ちなみにCSSで作成しています。 ブラウザでプレビューしてみたところ、画像の周りの紫色の枠は残ったままで、最後のボタンは見えません（これはCSSで縦の枠幅を指定しているからとは思うんですが・・・） リンクを張ってもhtmlをいじるだけで、デザイン上はかわらないと思うのですが、そうではないのでしょうか？ 以前も、コードを通常の改行（<br>じゃない）するとレイアウトが崩れた記憶があります・・・ この現象の解決方法などはあるのでしょうか？
- ベストアンサー
- HTML
- ＨＴＭＬのリンクタグについて。
ただいまホームページを制作しております。 そのなかで、画像をリンクボタンにしているのですが、その画像に枠がついてしまいます・・・（リンクを表している？？） その画像についている枠をとって、画像のみでリンクボタンをつくりたいのですが、ＨＴＭＬなどのタグで、そのような枠をはずすタグはないでしょうか？？
- ベストアンサー
- その他（インターネット・Webサービス）
- 画像リンクの青枠
今ホームページを作成中なのですが、画像のリンク(例えばバナーなど)を張るとどうしても青い枠ができてしまいます。 どうも不格好なので、青枠が出ずに画像リンクができる方法を教えてください。
- ベストアンサー
- その他（インターネット・Webサービス）
- 自作ホームページ内のリンクで「戻る」ボタンで戻ってきた後、リンクの周りに表示される点線の枠を非表示にする方法
分かりにくくて申し訳ありません. 現在ホームページを作成しております． 背景を透明にした画像を（ページA）でリンクのボタンとして使ったところ、移動先の（ページB）から「戻る」ボタンで（ページA）に戻ってくると、透明部分を取り囲むように点線の枠が表示されてしまい、非常に見た目が悪いです． 「戻」ってきたときに、この点線の枠を表示させない方法はありますでしょうか． 自分としては、（ページA）に飛ぶたびに、新しく読み込み直すようなjavascriptでもあればいいなと思って探しましたが、引っ掛けることができませんでした． すみませんが、宜しくお願いします．
- ベストアンサー
- その他（インターネット・Webサービス）
- 背景が透明なリンクボタンで、透明部分からリンクをさせない方法
1.pngという背景透明なボタンを作り、そこからonmouseでリンクを含む3種類のjavascriptが走るようにしてありますが、それだけだと、画像の透明部分でもリンクとjavascriptが有効になってしまいます。 画像の透明部分にマウスがあるときは何も起こらず、透明でない部分にマウスが乗った時だけにリンクとjavascriptを実行させることはできませんか？ よろしくお願いします。 実際使用しているソースは次の通りです。 -------------------------------------------------- <img border="0" alt="1" src="images/1.png" onclick="location.href='1.htm'" onmousedown="bdown()" onmouseup="bup()" onmouseover="bover(); PP(1)" onmouseout="bout(); PC(1)" id="bimage"/> -------------------------------------------------- ボタンの周囲にアクティブを示す点線の枠を表示させたくないため、リンクにはあえてホットスポットや通常のリンクを使用していません。 よろしくお願いします。
- 締切済み
- HTML
- 画像をリンクボタンにしたときに出る「枠」を消したい・・
<A HREF="リンク先のＵＲＬ"><img src="画像のＵＲＬ"></A> ↑この方法でリンクボタンを作ったところ、 どうしても画像のまわりを「四角い枠」が囲んでしまいます。 この「枠」を消す方法を・・ 教えて下さい。
- ベストアンサー
- HTML
- 無料素材にリンクをつけると枠が・・・
ホームページ作りが初めてなので、どうぞ難しい言葉ではなく分かりやすく教えて下さいませ＾＾；説明が下手なので分からなかったら補足しますのでお願いします＾＾； 無料素材のサイトから、「メニュー」というかわいい素材を借り、（もらい？）今作っている私のホームページに張り付けました。そして、表示もされて順調だったのですが、その「メニュー」ボタンをクリックすると、「メニュー」のページへリンクしたくて、「ハイパーリンク」というボタンをクリックし、リンク出来たのですが、その素材に紫色の枠が出来てしまうんです・・・黄色の丸いボタンの素材なのですが、正方形の枠が必ず出来てしまします。試行錯誤しましたが、必ず出来てしまいます。その枠を取る為にはどうしたら良いのでしょうか？ それとも、その無料素材屋さんが、必ず枠が出来る様に作っていらっしゃるのでしょうか？ どうぞ教えて下さい！！お願いします！
- ベストアンサー
- その他（インターネット・Webサービス）
- リンクボタンを押した後の枠
リンクボタンを押した後の枠 丸いボタンを作成し、マウスオーバーで色が変更されるようにして リンクボタンとしました。 サーバーにアップしてボタンを押してみると 画像の様に点々の枠が出来てしまいます。 ほかの場所を一度クリックすると消えるのですが これを表示させないようには出来ないでしょうか ○の外側は透過させています。
- ベストアンサー
- ホームページ作成ソフト
お礼
Jodie0625さんの言うような、日本地図のサイトにある各都道府県の形に張られたリンクのようにしたいのですが・・・ 上級者にしか無理なのでしょうか？ 回答ありがとうございました。