Hatena::ブログ(Diary)

英語とプログラミング気まぐれ日記 このページをアンテナに追加 RSSフィード

2007-08-03

[][] PREタグにスクロールバーを付けたい

前から、はてな記法のpre記法で書いた内容が長いと、画面からはみ出てしまって困っていた。「はてな "スクロールバー" 表示されない」でググってみると同じ悩みを持つ人を発見。はてなスタイルシートに以下を追加すればスクロールバーが表示されるようになる。


/*(追記 by:BigFatCat) */
/* overflow-xとoverflow-yはCSS2の仕様には含まれていないらしい */ 
pre {
  overflow-x: auto;
}

/* CSS2の仕様では以下のように書く */
/* 値autoを設定すると、ブラウザに依存するが、一般的にはスクロールできるようになるらしい */
pre {
  overflow: auto;
}

うーん、確かに、スクロールバーが表示されているブログCSSを「Firebug」(Firefox拡張機能)で確認すると、上のような記述がある。自分ももっとよく確認するようにしたほうが良いな…。


参考

鰯のテクニカルノート: PRE タグにスクロールバーを付けた(情報源)

詳解HTML&XHTML&CSS辞典 第三版(情報源が正しいか、確認するために使った)

2007-08-02

[][] CSSをインデント整形したい

導入済みのcssモードでのインデント整形がうまく行かなかったので、新しいcssモードを入れてみた。(ついでにjavascript.elも入れた)


手順は簡単。

1.410 Goneからcss-mode.elとjavascript.elをダウンロードする。

2..emacsに以下の設定を追加。以上。

;;; javascript-mode の設定
(autoload 'javascript-mode "javascript" nil t)
(setq auto-mode-alist (cons '("\\.js$" . javascript-mode) auto-mode-alist))
(setq javascript-indent-level 2)
;;; javascript-mode(old) の設定
;; (add-to-list 'auto-mode-alist (cons  "\\.\\(js\\|as\\|json\\|jsn\\)\\'" 'javascript-mode))
;; (autoload 'javascript-mode "javascript" nil t)
;; (setq js-indent-level 4)

;;; css-mode の設定
(autoload 'css-mode "css-mode" nil t)
(setq auto-mode-alist (cons '("\\.css$" . css-mode) auto-mode-alist))
(setq css-indent-level 2)
;;; css-mode(old) の設定
;; (autoload 'css-mode "css-mode")
;; (setq auto-mode-alist (cons '("\\.css$" . css-mode) auto-mode-alist))
;; (setq cssm-indent-function #'cssm-c-style-indenter)

「C-x h」でバッファ全体をマークしてから、「M-x indent-region」とするとインデント整形が一気にできる。すごく便利。


参考

2007-07-19 - gan2 の Ruby 勉強日記(情報源)

410 Gonecss-mode.elとjavascript.elのダウンロード元)