リンクをつけた画像をクリックする時に出る「囲み点線」を消したい

はじめまして。
上記、タイトルを実現する方法はございますでしょうか？

どうかよろしくお願いいたします。

No.2 ベストアンサー 回答者： torayoshi 回答日時： 2009/07/29 22:23

アウトラインのことですね。

(「囲み点線」はborderではありませんよ)
a { outline:none; }
outlineプロパティはIEだと5、5.5、8で対応してますから
上記で見えなくなりますが、6、7では効きません。
で、どうしてもって時はjavascriptで無理やり非表示に。
<a href="○○○.html" onfcus="this.blur()">～
(onFocus="this.blur()"はアウトラインを消すイベントではないので注意)
で、もっと詳しく知りたいときは「リンク 点線 消す」でググる。
↑コレ、お約束。

この回答へのお礼

ありがとうございます。
色々調べて、ieではjavascript使うしかないな・・・
ということがわかりました。


あれ？他にも方法あったような・・・

とにかく、手間と効果を考えると・・・あきらめました。
本当にありがとうございました！

お礼日時：2009/07/29 22:28

No.5 回答者： noname#100277 回答日時： 2009/07/29 23:14

CSS

imgに対して{border-width: 0px;}

HTML
imgの属性にborder="0"

No.4 回答者： M-SOFT#2 回答日時： 2009/07/29 22:40

No.3です。

No.1さんへのお礼の
＞<p><a target="_blank" href="price.html"><img src="images/lp_03.jpg" alt="test" width="900" height="138" border="0" /></a></p>
よく見てませんでした。""で囲んでいますね。

私の方ではborderでうまくいきます。手元にある「HTMLタグ辞典」でも、border="0"で消すことが出来ると書いてます。
ですので、なぜ出来ないのか？？です。
お役に立てなくてすいません。

No.3 回答者： M-SOFT#2 回答日時： 2009/07/29 22:24

こんばんは。

No.1さんのサンプルですが、border(widthとheightもですが)に設定している数値を""で囲んで下さい。
そうすればうまくいくはずです。

No.1 回答者： affection 回答日時： 2009/07/29 21:03

サンプルです。

<a href="***.html"><img src="****.jpg" alt="**" border=0 width=88 height=31></a>
「border=0」がポイントです。
あとリンク用の画像サイズはきちんと「width（横）」「height（縦）」を、「alt」で画像が表示できない場合の代替テキストを指定ください。

画像（とほほのWWW入門）
http://www.tohoho-web.com/how2/image.htm

この回答へのお礼

治りませんでした＞＜

<p><a target="_blank" href="price.html"><img src="images/lp_03.jpg" alt="test" width="900" height="138" border="0" /></a></p>

スタイルシートもいろいろ試したのですが・・・

img {

border: none;
vertical-align: bottom;
/*\*/
overflow: hidden;
/**/

}

a:link {
/*\*/
overflow: hidden;
/**/
}

お礼日時：2009/07/29 21:09