リンク画像の枠線を消す方法について
- リンク画像をクリックした時に表示される枠線の消し方や細くする方法について教えてください。
- ホームページを制作している際、リンク用の透明な背景の画像を使用したところ、クリックした瞬間に枠線が表示されてしまいます。
- 過去の質問では、この枠線はアクティブな箇所を示すものであり、非表示にすることは不可能と回答されていましたが、現在でも非表示化する方法はあるのでしょうか？
- ベストアンサー
リンク画像をクリックした時に画像の周囲に表示される枠線の消し方or細くし方
ホームページをつくっている者ですが、 リンク用に背景が透明の画像を用意したところ、何もしなければ表示されない枠線が、画像をクリックした瞬間に表示されてしまいます。 【質問1】過去の質問では、この枠線はどこがアクティブかを示す物で、表示させないことは不可能だと回答されていましたが、現在でも表示させない方法はないのでしょうか。 【質問2】ホットスポットにすると、この枠線が細い点線から、やや太めの実線になってしまってかなり邪魔です。ホットスポットの法が形が良いと思ったのですが、このホットスポットに表示される枠線を消す、または、細い点線などにすることは出来ませんでしょうか。 よろしくお願いします。
- kato-haru
- お礼率38% (25/65)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
javascriptで処理するという選択肢は考えてませんか？ <img src="・・・" onclick="location.href='・・・'">
関連するQ&A
- リンクで包括している画像とテキストの周りに枠線を表示させたい
例えば画像だけにリンクしているなら枠線は画像の周りに表示されるのですが、 画像の下にテキストを置いて、その２つをリンクで囲むと、 テキストだけに枠線がかかるようになり、ちゃんと画像とテキストの周りに枠線が表示されません・・・ 理想としては次のようなかんじにしたいのですが、どう記述すればよいのでしょうか？ ┌──┐ │画像│ │文字│ └──┘ <a href="画像へのURL" style="border: 1px solid rgb(51, 204, 255);"> <img src="image.jpg"><br>文字 </a> ↑ これだと枠線が画像とテキストを囲んでくれない
- 締切済み
- HTML
- 画像ボタンクリック後、表示される枠線の削除 ASP
下記のようなプログラムを使っています。画像をクリック後、画像の周りに点線の枠線が表示されます。表示させたくないのですが、どうすれば実現できるでしょうか。ご存知の方がいらっしゃいましたら、ご教授願います。 <asp:ImageButton ID="btnNewLogin" ImageUrl="images/login.png" runat="server" onclick="btnNewLogin_Click" />
- ベストアンサー
- Microsoft ASP
- クリックしてからページが切り替わるまでにアンカーリンク周囲に現れる点線について
FireFoxでブラウザしながらサイトを制作しています。 クリックしてからページが切り替わるまでにアンカーリンク周囲に現れる点線が、ボタンからはみ出て関係ないところまで広がってしまいます。 リストを横並びにしたナビゲーションリンクです。 リスト要素に記述したテキストをindentで画面外に飛ばし背景画像でボタン内容を表示しているのですが、そのせいか、画面外まで点線が及ぼうとしているかのようです。 そもそも、この点線が出ないように制御する事ができるのか、 或は、cssでの記述で何か思い当たるフシがありましたら 教えて頂けないでしょうか？ リスト内のテキスト項目のアンカーにそれぞれ次の様な cssを用意して制作しています。 a.othersche{ display:block; width:184px; height:52px; text-indent:-9999px; background:url(imageothersche.jpg) no-repeat; margin:0px 0px 10px 10px; float:left; } よろしくお願いします。
- ベストアンサー
- HTML
- ロールオーバー画像の枠線を消したい
初めてホームページ作成中の超初心者です。 ロールオーバーで、下記のタグで表示させたのですが、画像の枠線が出てしまいました。 普通に<img src="img1.gif">と書くと出ない画像なんですが・・・ リンク画像の枠線を消すのと同じ要領でborder="0"とも書き加えてみましたが、（４ヶ所とも）今度は何も表示されなくなってしまいました。 ＜問題のタグのひな形＞ <a href="http://www-------"onmouseover = "document.bt.src = 'img1.gif'" onmouseout = "document.bt.src = 'img2.gif'"onclick = "document.bt.src = 'img3.gif'"><img src = "img2.gif" name="bt"></a> どうぞ宜しくお願いします！
- ベストアンサー
- JavaScript
- 自作ホームページ内のリンクで「戻る」ボタンで戻ってきた後、リンクの周りに表示される点線の枠を非表示にする方法
分かりにくくて申し訳ありません. 現在ホームページを作成しております． 背景を透明にした画像を（ページA）でリンクのボタンとして使ったところ、移動先の（ページB）から「戻る」ボタンで（ページA）に戻ってくると、透明部分を取り囲むように点線の枠が表示されてしまい、非常に見た目が悪いです． 「戻」ってきたときに、この点線の枠を表示させない方法はありますでしょうか． 自分としては、（ページA）に飛ぶたびに、新しく読み込み直すようなjavascriptでもあればいいなと思って探しましたが、引っ掛けることができませんでした． すみませんが、宜しくお願いします．
- ベストアンサー
- その他（インターネット・Webサービス）
- リンク画像を設定したのに画像が表示されないのはなぜ？
現在ホームページビルダー11を使用してFC2にホームページを作成しています。 今までは問題なく設定＆表示できていたのですが、本日久しぶりにビルダーを開いて作業をしていたらおかしなことになったので解決法を是非ご教授ください。質問したい事項は二つほどあります。 その１◆ ページリンクに画像を設定してリンク挿入しました。サイト転送してUPされたページを見ると画像が×になっていて表示できていません。リンクページには問題なく飛ぶことができます。 その２◆ 上記とは逆に、以前に画像だけ挿入していたものに今日リンクを挿入して転送したところ、UPされたページには画像は以前どおり表示されているものの今日設定したリンクはつながっていませんでした。 上記二つとも、ビルダー上で画像やリンク先等確認したら何一つ問題はありませんでした。転送して実際のHP上で確認したらおかしくなっていたのです。 おそらく今日した作業がなにか間違っていたのではないかとは思うのですが、なにぶん、以前どうやって設定したかを覚えてないうえに、いろんな方法を試してみても変化がなく困っています。 何か説明不足があれば補足させていただきますので詳しい方、よろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- Bloggerでの画像リンクについて
googleのBloggerにてブログを作成しています。 記事中に画像を設置しました。 そのままプレビューすると問題はないのですが、 その画像にリンクを設定すると 枠線 が表示されてしまいます。 この枠線を消去する方法、どなたかご存知でしょうか？
- 締切済み
- ブログ
- Firefoxで画像のリンクをクリックした際の点線表示
こんにちは。 画像にリンクを張ると、画像をクリックしたときに点線が表示されるかと思うのですが、 <div id="main-sub"> <h2>案内</h2> <h3>相談</h3> <p> 文章 </p> <a href="../new/new.html"><img src="images/riyou_btn_○○.gif" alt="○○へ" border="0" /></a> </div> #main-sub img { float: right; margin-top: 70px; margin-right: 10px; } とすると、IEでは表示されるのですが、Firefoxでは表示されません。 float: right; を削除すると点線が現れたので、これが原因かと思ったのですが、画像の位置を指定するabsoluteで試しても表示されないので、 どうすればいいのか分からずに困っています。 Firefoxでも点線を表示させるにはどうすれば良いですか？ 色々試してみましたが分かりません。 教えて下さい。よろしくお願いします。
- ベストアンサー
- HTML
- 複数の画像を配置してリンクさせるには？
予め準備した画像（JPEG等）を、ピクセル単位で自由に配置させ、それぞれの画像にリンクを設定したいと思っています。 一枚画像でのホットスポットも考えたのですが、数が多いのであきらめました。 理想は、画像ファイル名とリンク先と位置データ（X,Y）を予めデータベースに用意しておき、PHPのループ処理で配置することができればいいと思っています。 これが可能であれば、具体的にどのような処理を行えばいいのでしょうか？ また、他の方法がありましたら、教えていただければ幸いです。 宜しくお願いします。
- 締切済み
- PHP
- 画像内にリンクボタンを作成したいのですが。
現在Fireworksで画像を作成し、DreamweaverでHTMLを使いwebページを作成しています。 仕事で簡単なLPを作成する機会があるのですが、何しろ経験も知識も乏しく困っています。 今大きな画像内に「購入はこちら」のようなリンクボタンを設置したいのですが、スライスした画像にDreamweaverのホットスポットを使ってプロパティの「リンク」にリンク先のURLを挿入しています。 そうすると必ず次の画像が一行開いてしまうんです。 なぜでしょうか？ ホットスポットはちゃんとできていてリンクもちゃんと飛びます。 大きな画像をFireworksでスライスしてから保存しているのでリンクボタンのある画像の下に来る画像の間に空白ができてしまいます。 どうしてこのような状態になりますか？ 色々調べているのですが、原因が見当たりません。 スタイルシートを使用しているのでそのせいかとも思ったのですが、 詳しい前任者が作成したものはちゃんと表示されています。 同じスタイルシート使用です。 つたない説明で申し訳ないのですが、原因がわかる方はいますでしょうか。 どなたか教えてください。 よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
お礼
な…なるほど！！！ 考えつきもしませんでしたが、素晴らしいアイディアです！ 一発解決です、ありがとうございました！！