Syntax Highlighter、スタイルシート補足
2009 年 5 月 26 日
テーマ【iNove 1.4】とプラグイン【Syntax Highlighter for WordPress 2.0.1】の組み合わせでコードを書くと、コメント文の整形がうまくいかなかったので書き残しておきます。
現象。
コメントが右に寄ってしまってます。また、それに続く行もやや右寄りに。このままではあまりにも格好悪く、可読性にも欠けます。理由はテーマで用意されたスタイルシートとプラグインが生成するHTMLの中にIDがバッティングする箇所があったためだと思われます。
解決策。
style.cssに以下を追加したところ、解決。
code.comments { background-position:0 !important; float:none !important; background:transparent none repeat scroll 0 0 !important; display:inline !important; padding-left:0 !important; }
問題なく表示されるようになっているかは、前回のエントリを見てください。<code>に関するスタイルシートだけを対象にスタイルシートを書き換えたので、他への影響はないと思ってます。…が、もしも他に影響が出ていた場合は教えていただけると助かります。
カテゴリー: WordPress