長い行を適当に表示するPRE
このブログではサンプルコードを載せることが多いので、整形済みテキストのためのPREタグを結構使う。PREタグは、括られた部分を整形済みテキストとして扱い、改行や空白がソースのまま出力されるので、プログラムやCSSのサンプルソースを載せるのには便利なのだが、ブラウザの幅を狭めている人やちょっと大き目の文字を使っている人は、整形済みテキストが記事エリアをはみ出してしまうことがある。 仕方がないので、CSS: 「折り返す」pre や pre 要素による整形済文字列をどう扱う ? の記事を参考にCSSでPREタグのスタイル（見栄え）をちょっと変えることにしてみた。CSSの変更（追加）箇所は、以下の通りです。 /* エントリ内：整形済みテキスト */ .etBody PRE { /* 折り返し有効 */ white-space: -moz-pre-wrap; /* Mozilla */ white-
hxxk.jp - pre 要素による整形済文字列をどう扱う ?
記事データ 投稿者 望月真琴 投稿日時 2005-12-15T21:50+09:00 タグ CSS HTML ユーザビリティ 仕様 概要 pre 要素を CSS による指定で折り返す手法の、仕様から見た観点とユーザビリティから見た観点の違いと、 pre 要素に対する製作者の取るべきスタンスについて。 リプライ 3 件のリプライがあります。 pre 要素の内容を CSS で折り返すということ preで折り返す設定 - HsbtDiary (2005-12-07) 、およびそこからリンクされている ◆2 CSS: 「折り返す」pre - ただのにっき (2005-09-22) に、 pre 要素の内容を CSS で折り返す方法が書かれていました。 CSS 3 で定義されている値を用いていたり、各ブラウザの独自の値や独自のプロパティを用いていたりと、手法としてもあまり積極的に薦められるものではな
HsbtDiary - section_footer.rb更新
■ [word][dictionary]「ほめてあげる」は謙譲語ではない むだづかいにっき♂：満足度の高かったゲームのコメント欄経由。 ekkenさんの所に住み着いている粘着君が「ほめてあげるは謙譲語である」と言っているが、そりゃ違う。というか、こういうことを論じるときは少なくても辞書名くらいは明記しないと話にならない。 でだ。googleで「国語辞典」を検索したときにトップに出てくるgoo 辞書に使われている三省堂大辞林を使うことにする。大辞林の「あげる」の項目によると、粘着君は22番目と24番目を都合のいいように組み合わせている。以下意味の部分のみ引用。 (22)（補助動詞） 動詞の連用形に接続助詞「て」の付いた形に付き、主語で表されるサービスの送り手が、他人のためにすることを、送り手の側から表す。 (24)謙譲の意を表す動詞について、その意味を強める。 当たり前だが、「ほめる」という
CSSで「折り返す」pre
■ tDiary: この期に及んでspamフィルタを導入していない人は どういう人なのかな。 ツッコミ通知メールを使っていない(ので気づいてない) 自分の日記はRSSリーダに登録してない(ので気づいてない) 単なる面倒くさがり屋さん 未対策の日記は(RSS経由では)読むに耐えないので、どんどん購読先から消えてもらっているのだが。もったいない。せめてここのフィルタくらいは入れてくれないだろうか。簡単だからさ。 追記 書き漏らした「理由」: spamをまだ受けていない(でも予防措置はしておいた方がいいよね) そもそも日記を放置しっぱなしで更新していない(ので気づいてない) ■ CSS: 「折り返す」pre 人が作ったtDiaryのテーマをつらつらと見ていたら、見慣れぬ属性が書いてあった。こんなの。 white-space: -moz-pre-wrap; /* Mozilla */ white-
アクセスアップのためのブログで使えるCSS（スタイルシート）研究 【その１】 - デンマンのブログ
アクセスアップのための ブログで使える CSS（スタイルシート）研究 【その１】 引用文をはっきり、くっきり区別する まずサンプルとして１１月３日に書いた次の記事を見てください。 僕が書いた記事に対して３つのコメントをもらいました。 そのうちの２つは同一人物の書いたものです。 次のようなものでした。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
トラックバック - 風に吹かれて♪
夜の魚は干物になりました。
レイアウト変更