Home > >

iG:Syntax Hiliterで行番号直後に改行される問題に対応

2008年09月01日 (月) [340 views] tweebuzz icon Hatena icon
この記事を読むのに必要な時間の目安: 2分ぐらい →→ あとで読む

ソースコードを色分け表示してくれるプラグイン「iG:Syntax Hiliter」で、行番号直後に改行されるせいで1行が2行に分けて表示され、非常に読みにくくなっていた原因が分かった。

Firebugで該当箇所を「調査（Inspect）」してCSSを精査したら、vicuna CMSの「1-element.css」でol要素に「list-style-position:inside;」を指定しているのを発見。この指定だとリストがマーカーの内側から表示されるため、2行にわたって表示されちゃってたみたい。vicuna CMSを使ってると、みんな引っかかるんじゃないのかな？

対策として、syntax_hilite内のol要素はoutsideとするCSS定義を追加。さっそく下記ソース表示にiG:Syntax Hiliterを使ってみたので、バッチリ修正されていることが確認できると思う。

>> Open PlainTxt Window
HTML:
  1. .syntax_hilite ul,
  2. .syntax_hilite ol,
  3. .syntax_hilite dl {
  4.     list-style-position: outside;
  5. }

追加する場所はどこでも良いと思うけど、おいらは「2-common.css」の最後の方に入れました。参考までにどうぞ。

参考リンク：Canned !! my Atropine ≫ iG:Syntax Hiliter

参考リンク：Firebug :: Firefox Add-ons

参考リンク：list-style-position－スタイルシートリファレンス

Related Posts with Thumbnails

現在のコメント: 0 個RSS icon

コメントをどうぞ







メールアドレスが未記入だったり、一度もコメントしたことのないメールアドレスの場合、管理者に承認されるまでコメントが表示されません。
アバターをオリジナル画像に変更したい場合は、Gravatarサービスに登録してください。

現在のトラックバック数 : 1 回

pingback from WordPressの導入 - flat3.blog 09-02-04 (水) 14:53

[...] http://www.hide10.com/?p=11120 [...]

トラックバックアドレス

Trackback URL for this entry

Home > > iG:Syntax Hiliterで行番号直後に改行される問題に対応

このページの先頭へ戻る