TopSerene Bach > カスタマイズ > 管理画面 > IE6 + Serene Bach 管理メニューのユーザビリティを向上させる
2007年2月16日

IE6 + Serene Bach 管理メニューのユーザビリティを向上させる

Posted at February 16,2007 12:17 AM
Category:[管理画面]
Tag:[, , ]

Serene Bach の管理メニューSerene Bach の管理画面左にあるメニューリストを IE6 で操作する時、文字にカーソルを重ねないとリンクが機能しないという不具合があります(Firefox 2/ Opera9 等では正常に動作します)。
本エントリーでは、スクリーンショットのように、IE6 で文字以外の部分にカーソルを重ねた時にリンクとして機能させる方法を紹介します。

1.リンクにならない原因

文字以外の部分にカーソルを重ねてリンクが機能しないのは IE6 のバグのためです。IE7 ではこの問題が修正されています。

2.変更方法

lib/resource/ja/style.css をダウンロードし、任意のエディタで開きます。
そしてファイルの一番最後に、下記の 1 行

.mainmenu .menu a:link {
    _width: 100%;
}

を追加してください。

3.注意事項

  • 一般的なお作法として、追加した一番最後の行の末尾 "}" の後ろには改行を入れましょう。
  • 上記リストにある ".menu" の直前の半角空白をなくすと別の場所にあるメニューが崩れます。
  • width プロパティの前のアンダースコアを外すと Firefox で表示が崩れます(が、IE しか使わないのであれば問題なし)。
Posted by yujiro
関連記事
人気エントリー
トラックバックURL


トラックバック

Serene Bach 管理メニューのユーザビリティを向上させる from SereneBach Lab
Serene Bach の管理画面左にあるメニューリストを IE6 で操作する時、文字にカーソルを重ねないとリンクが機能しないという不具合があるらしいです... [続きを読む]

Tracked on February 18, 2007 11:00 PM

管理画面、より便利に from てぃあら
管理画面の 左に並ぶ メニューって 文字の部分にカーソルを重ねないとクリックできなかったんですね。(これは IE6 での現象で、Firefox2 等では ... [続きを読む]

Tracked on March 1, 2007 6:51 PM

IE6 + Serene Bach 管理画面のユーザビリティを向上させる>小粋空間 from *day after day...*
Serene Bach の管理画面左にあるメニューリストを IE6 で操作する時、文字にカーソルを重ねないとリンクが機能しないという不具合があります。小粋... [続きを読む]

Tracked on March 23, 2007 11:47 AM
コメント

yujiro さん、こんばんは。
こちらを読み、自分のところが「文字にカーソルを重ねないとリンクが機能しない」
ことを知って、変更しました。
気にもなってなかったんですが、変更してみると
やっぱりいいですね。
ありがとうございました。

[1] Posted by yumi : February 16, 2007 5:24 PM

>yumiさん
こんばんは。
ご利用&ご連絡ありがとうございました。
手前味噌で恐縮ですが、ちょっとしたことで意外に便利よくなるものです。

[2] Posted by yujiro : February 17, 2007 1:41 AM

やってみました?。
「ちょっとしたこと」だけど、その「ちょっと」の積み重ねがいいのです。

[3] Posted by さえら : March 1, 2007 6:52 PM

>さえらさん
こんばんは。
ご利用&トラックバックありがとうございました。
クリックがやりやすくなって、なかなかいいですよね。

[4] Posted by yujiro : March 1, 2007 9:15 PM
コメントする

*必須



お知らせ:2008年5月現在、多忙のため、7月頃までコメントを速やかに回答できない状態が続きます。ご質問の内容によっては回答が7月以降になる可能性がありますので、予めご了承ください。

太字 イタリック アンダーライン ハイパーリンク 引用

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)

Now loading...
Entry Trackbacks
Entries of this Category
QRcode

現在停止中です
携帯電話からこのQRcodeを撮影することで携帯用URLを取得することができます

URI for cellular phones
ギターに入った猫
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

loading ...
BlogPeople
Now loading...
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
クリエイティブ・コモンズ・ライセンス
Powered by
Movable Type 4.1
 
List Me!