リンクをクリックした際に出る点線を消す方法

3 月 2nd, 2010

リンクを設定した画像をクリックすると、なにやら点線が出てきますよね?これを消す方法を幾つかご紹介いたします。

こーいうのですね。結構気になる点線ではあります。

で、消し方ですが、基本的にCSSにて一括で非表示にします。

a {
outline:none;
}

こんな感じです。でもこれだと、FirefoxやSafariで消えても、IE大先生はきえてくれません。めんどいですね笑 これでも消えない場合は、aタグに対して直接以下の記述を入れます。

onfocus=”this.blur();

この記述をaタグに直接いれます。ソースとしては下記のようになります。

<a href=”http://www.at-nature.net/” onfocus=”this.blur();>test</a>

画像にこの設定をいれてリンクするとこんなかんじ(画像をクリックしてみてください)。

設定してないとこんなかんじで点線がでます。

設定前と設定後 ビフォーアフター。岡田監督がいっぱいです(笑

lite boxの古いバージョンでこの線が、CSSの設定ではなぜか消えなかったりといろいろとめんどくさいことになってたので、直接上記のonfocusを設定すると消えるようです。後、このonfocusの設定を一つずつリンクに設定するのはめんどくさい!という場合に、良い方法を見つけました。
以下を内に記述するだけで、全てのaタグに対して、同様の効果を与えることが出来ます。

<script type=”text/javascript”>
<!–
function disable_links_outline() {
var blur = function () { this.blur() };
for (var i = 0; i < document.links.length; i++)
document.links[i].onfocus = blur;
}
//–>
</script>

BODYタグには以下を記述します。
<body onload=”disable_links_outline()”>

※参考元
http://oshiete1.goo.ne.jp/kotaeru.php3?q=1095664

うーん、素晴らしい!

スポンサードリンク

XREAサーバにワードプレスをインストールした際の管理画面のレイアウト崩れを修正

2 月 25th, 2010

題名の通りです。エクスリアサーバでワードプレスをインストールすると、管理画面がなぜか崩れます。これは無料版のサーバで起こる問題なのですが、原因が自動で表示される広告表示にあるようです。

そこで、.htaccessに下記の記述を入れると、それを回避することが出来ます。

LayoutIgnoreURI *

この記述を入れると、エクスリアの広告を非表示にすることができます。管理画面等に限っては、広告の非表示はOKみたいですね。管理者以外の目に触れることがないページも同様です。ただし、これを表の見えてるページに対して行うと規約違反になって、最悪アカウント抹消等の処置が取られるでしょうから、管理画面の階層のみに、この記述を設定した.htaccessを置くようにしましょう。

そうでないと・・・?!笑

スポンサードリンク

英語版ExcelでCSVを読むと文字化けする(解決方法)

2 月 4th, 2010

英語版のエクセルでCSVファイルが文字化けする場合があります。場合というか、日本語のCSVファイルは文字化けするかと思います。その対処法をメモしておきます。

ちなみにExcelのバージョンは2003。他のバージョンでも起こる可能性がありますが未確認です。

1、スタートメニューから、Microsoft Office > Microsoft Office Tools > Microsoft Office 2003 Language Settingsを実行する。

2、default behaviorというコンボボックスでJapaneseを選択する。

以上です。最近のバージョンであれば、この辺りは自動で判別してくれるんではないでしょうか。

スポンサードリンク