リンクを選択したときの青い枠を表示させないようにするには？

質問

こんにちは。
リンクボタンの周りの青い枠を消したいという質問は多かったのですが、
私の質問の場合、ちょっと違うのかもしれません。
border="0"を指定しても、リンクボタンを押したときには
青い枠が表示されてしまうのですが、どうすれば表示を避けることができるのでしょうか？

imege readyでスライスを作成し、ロールオーバーボタンを付加しました。
下はあるボタンのHTML記述部です。

<A HREF="#"
ONMOUSEOVER="changeImages('Nmenu_06', 'images/Nmenu_06-over.gif'); return true;"
ONMOUSEOUT="changeImages('Nmenu_06', 'images/Nmenu_06.gif'); return true;">
<IMG NAME="Nmenu_06" SRC="images/Nmenu_06.gif" WIDTH=96 HEIGHT=22 BORDER=0 ALT=""></A></TD>

回答No.3

steelgreen

MacIE5の環境がないのでなんともいえませんが。

リンクの部分を押した時。つまりＣＳＳでいうと
a:activeの時なのでＣＳＳで

a:active{
text-decoration:nonel;
border-width:0px;
border-style:none;
border-color:transparent;
}

と指定してみるのも手です。

もちろん、これを一つ一つのリンクに書くのは面倒ですので
headタグ内に書くなり外部スタイルシートでやるなりした方が
いいです。

お礼

お返事ありがとうございます！！
実はＣＳＳのことがよくわからないのですが、
指定というのは、ＨＥＡＤタグ内で＜ーー　ーー＞
の中に上記の記述をコピペすればいのでしょうか？
やってみたところ、うまく行きませんでした。
マックなのがよくないんでしょうかね…。

回答No.2

noname#199778

ダメでしたか。 では、同様の方法で切り口を変えて、

<A HREF="#" ONMOUSEOVER="changeImages('Nmenu_06', 'images/Nmenu_06-over.gif'); return true;" ONMOUSEOUT="changeImages('Nmenu_06', 'images/Nmenu_06.gif'); return true;" style="border: 0 none;"><IMG NAME="Nmenu_06" SRC="images/Nmenu_06.gif" WIDTH=96 HEIGHT=22 BORDER=0 ALT=""></A>

という風に、先ほどと同じスタイルシートの指定をa要素のほうに書いてみたら、どうでしょうか…?
ちょっと自信はないんですが…

お礼

お礼が遅くなってごめんなさい。
うむむ…うまくいきませんでした。
でも、答えて下さってありがとうございます！！

回答No.1

noname#199778

お使いのブラウザがわからないので、これで解決になるかわかりませんが…
とりあえず、imgタグ内に、スタイルシートで枠線を表示させないような指定をしてみるのが良いかもしれません。

<IMG NAME="Nmenu_06" SRC="images/Nmenu_06.gif" WIDTH=96 HEIGHT=22 BORDER=0 ALT=""　style="border: 0 none;">

これでは、いかがでしょうか。

お礼

早速のご返事ありがとうございます☆
やってみたのですが、改善されませんでした。
使っているブラウザはマックのＩＥ５です。

リンクボタンを押したときに、「このボタンを選択した！」
と分かってもらえるのはいいんですが、僕の場合デザインの都合上
邪魔になっちゃうんですね…。