人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

今、知人に頼まれてサイト制作を行っています。
アドレスはここです。
http://afulo.jp/recruit2006/

このサイトの左側に「採用トップ」「職場訪問」などの黄色いリンクボタンがありますよね。そのリンクボタンにマウスを合わせると、オレンジ色に変色します。
このリンクボタンをクリックすると、水色の四角い枠で縁取られるとのことです。
ちゃんと BORDER=”0” になってるので、訪問済みであっても画像が縁取られることは無いと思うのですが・・・

相手はMACを使用とのこと。ブラウザの種類は分かりません。
もしMAC環境の方がいましたら、同じように縁取られますか?
ちなみに自分はwin環境でインターネットエクスプローラーとfirefox、両方ともそのような現象はありませんでした。

ちなみに別のMACユーザーに確認してもらったところ、「Mac OS 最新バージョンの、OS Xの標準ブラウザであるSafariでは大丈夫だったけど、インターネットエクスプローラーだと縁取られるね。 」とのこと。

なにかよい知恵があれば教えていただけませんか?

●質問者: mc194
●カテゴリ:ウェブ制作
✍キーワード:border firefox Mac Mac OS OS X
○ 状態 :終了
└ 回答数 : 6/6件

▽最新の回答へ

1 ● fet-33
●30ポイント

私はMacintoshですが、Firefox と Safari ではそのような

現象は起こりませんでした。

Internet Exploler では、画像に限らずリンクの貼られているものは

クリックすると縁取りが現れます。

これはHTMLなどソースの認識の問題ではなく、ブラウザの

仕様です。

Mac版の Internet Exploler は開発が終了してますので、今後

この仕様が変更になることは勿論ありませんし、この仕様のみを変更することは

難しいのではないでしょうか。

私見ですが、やはり開発が終了したソフトですので、別のブラウザに乗り換えるMacintoshユーザーは

多いと思います。(私もその一人です。)

企業のウェブサイトですので、色々な環境での閲覧を配慮するのは

とても重要だと思いますが、少数派になりつつあるブラウザは切り捨てて考えても差し支えないかな、とも思います。

◎質問者からの返答

回答ありがとうございます。

クリックすると縁取られるのはInternet Explolerの仕様とのことですが、画像を BORDER=”0”で設定をすれば通常はクリック済でも縁取られませんよね?

実際私はInternet Explolerを使用していますが縁取られません。

それとも、MAC版のInternet Explolerではそうなってしまうのでしょうか。

CSSは詳しくないのですが、CSSを使うことによって改善できないものでしょうか?


2 ● FMR
●15ポイント

http://www.macromedia.com/jp/software/dreamweaver/

Macromedia - Dreamweaver 8

Dreamweaver ターゲットブラウザチェックで

チェックしましたら何個か引っかかりました

Safari 1.0 でも11個

評価版がDL出来るのでチェックしてみては

エラーの詳細もちゃんと表示されます。

ターゲットブラウザ エラー 警告

Microsoft IE (Mac) 5.2 1 0

Microsoft Internet Explorer 5.0 1 0

Microsoft Internet Explorer 5.5 1 0

Microsoft Internet Explorer 6.0 1 0

Mozilla 1.0 11 0

Netscape Navigator 4.0 2 0

Netscape Navigator 6.0 1 0

Netscape Navigator 7.0 11 0

Opera 2.1 4 33

Opera 3.0 1 2

Opera 3.5 1 2

Opera 4.0 2 2

Opera 5.0 2 2

Opera 6.0 2 2

Opera 7.0 2 1

Safari 1.0 11 0

合計 54 44


3 ● anda
●35ポイント

http://www.tagindex.com/stylesheet/link/class.html

スタイルが厳密に指定せず省略しているオブジェクトの場合、ブラウザごとに解釈が違うので、ブラウザごとに異なった表示になってしまいますね。

どのブラウザでも同じように表示したい場合は、面倒ですがスタイルシートをこと細かに指定する必要があります。

おそらくヘッダに下記スタイルを追加してやると良いと思います。

<style>

A:visited { border:0px; }

A:active { border:0px; }

</style>


4 ● fet-33
●30ポイント

再回答で申し訳ありません。1番目に回答した者です。

border=”0”で指定したりCSSで指定をしても、

Mac版の Internet Exploler ではクリックした際に縁取りが

表示されます。

これは、ページのソースに依存するものではありません。

例えば、ブラウザのバックボタンや更新ボタンなどは、

カーソルを乗せると色が変わったりします。

それらと同様に、Mac 版のInternet Exploler は、クリックした部分に

縁取りが現れます。つまりブラウザのインターフェイスによる現象です。

ちなみに、この縁取りはクリックした時点で現れますが、ページをリロードしたり

再訪問をした際には消えています。「クリックした時のブラウザによるインターフェイスのアクション」だからです。

ページのソースには依存していません。説明不足で申し訳ありませんでした。

◎質問者からの返答

そうですか。

でも、この知人のこのサイトの更新をするのは4回目で、これまではこういった現象については何も言ってなかったんですが・・・

とりあえず知人にはそのように説明します。

もし他の方でなにか方法がありましたら教えて下さい。


5 ● wintarsnow
●35ポイント

ブラウザによって反映されない場合もありますが、MacのIE5では下記のCSSによってリンクアクティブの枠線が消えます。

a{

outline: 0px none transparent;

}

◎質問者からの返答

試してみます!


1-5件表示/6件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ