技術資料らしきものJavaScriptSyntaxHighlighterのツールバーがマウスオーバーでずれる件

最近のJavaScriptは良く出来たもので。

view plain とか、copy to clipboard とか、print とか、? とかのアレです。

マウスを乗せると、イヤイヤされちゃいますので、ちょっとうざいなぁ、というアレです。

出来れば直しておきたいですよね。


解決方法

shCore.js を見ると、どうやらツールボックスの部分は、toolsというIDのdivで出力されるみたい。
んで、SyntaxHighlighter.css を見ると、ありました。

a:hoverの時に、margin-right: 10px が無いので、ずれてしまうんですね。
なので、a:hoverの方を、

にすればOKOKです。
ちなみに、私の場合、このツールバー部分が下のソースと一体化して見えてしまい、見づらいなぁ、と思ったので、この部分はborder付けたりunderline付けたりpaddingの値いじったりと、ちょこちょこいじってあります。

JavaScript関連リンク

サイト

Binbo-Special > 技術情報らしきもの > JavaScript
当サイトです。
OPEN SPACE様
様々な情報がありますが、javascript関連のリファレンスも充実しています。
JQUERY日本語リファレンス
jQueryに関するリファレンスサイト。見やすい!です。

書籍

Prototype & script.aculo.us JavaScriptライブラリによるAjaxアプリケーション開発
読み途中ですが、なかなか面白いです。
jQueryで作る Ajaxアプリケーション
jQueryに興味を持ったら読んでみるのも吉。

2008/06/10

▲一番上へ