リンク画像に2pxものフチが勝手にでる

質問

いつもお世話になります。

この形で、画像を指定しています。
<a href="javascript～～～～"><img src="～～～" alt="～～～"></a>

いわゆる画像をjavascriptに絡めている状態なのですが、

リンク画像に濃いフチがでます。リンクカラーで2ピクセルぶんです。
ブラウザではそうなってしまうのです。

つまり元画像が80px×50pxとすれば、
2pxのフチがついて
82px×52pxに見える、というイメージです。

通常ならテキストを入れる箇所に、無理くり画像を指定しているので
このようになってしまったのかも知れませんが、

2pxはさすがに付きすぎかと思っています。
このフチを1pxくらいにする方法はないでしょうか。

または、完全になくす方法は？
宜しくお願いいたします。

回答No.1

Seravy · ベストアンサー

IEがよかれと思って付けてくれる現象です。
CSSでボーダーを0pxにするか、タグに直で、<img src="..." border="0" />とかにすると消えます。
無理矢理指定したから、と言いますが、画像にリンクを貼るのは常套手段のうちですよ。
分かりやすいように、ということなんでしょうけど、あまりありがたみを感じたことはないですけどね＾＾；

お礼

有難うございます。borderタグで成功しました。
画像リンクは今までよく扱っていましたものの、
javascriptと絡めていたので特別なやり方があるのかと
思って訊いてみましたものでした。
有難うございました！

回答No.2

ORUKA1951

これは、HTMLの仕様で、リンクがある場所は
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
ユーザエージェントは一般に、リンク箇所が目立つように、下線を引くとか明暗を反転させるなどしてレンダリングする。 実際にどういうレンダリングになるかはユーザエージェント依存である。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［ A要素 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/links.html#h-12.2 )］より

　ユーザビリティ、アクセス性の向上の為、著者ではなく利用者のため、リンクのある場所は明示することが求められています。リンクがあるテキストにアンダーラインが引かれているのと同じように、リンクのある画像はボーダーで明示するほうがよいのです。
　明らかにリンクがあるとわかる場合はスタイルシートでボーダーを取り除くことが出来ますが、それはHTMLやウェブコンテンツ・アクセシビリティ・ガイドライン 1.0 ( http://www.zspc.com/documents/wcag10/index.html#gl-facilitate-navigation )の考え方からは、すこし違うと思います。
　あくまでHTMlは、障害のある人も含めて、あらゆる端末利用環境で情報を伝えるためのシステムであって、デザインを見せるためのものではないという基本が存在するということ。どうしてもデザインを優先したいならPDFか何かで配布すればよい。

お礼

有難うございました。