Home > 2008年11月

2008年11月

CSSメモ

先日、現在のテンプレートに変えたわけですが、その中で1点だけ、
どうしても違和感をぬぐえない部分がありました。
それがページ下部にある「Newer、Older」のページ遷移リンク。

Web上のドキュメントは基本的に横組みですので、テンプレートのデフォルトだった
「右側が古い方へ、左側が新しい方へ」というのが、気持ち悪くてしょうがなかったのです。
書籍でも、横組みの場合は「右側が新しい(=先の)ページ、左側が古い(前の)ページ」に
なっていますので。

いじるといいつつ、ほったらかしにしていた現在のテンプレートですが、
特にすることもないいま、それを修正しようとテンプレートソースをみていました。
そうすると、該当部分のCSSにこんな記述が(下の引用枠内は修正後の記述)。

ul.pager li.newer:after {
    content: ">> ";
}

ul.pager li.older:before {
    content: "<< ";
}

この「クラス名:(after|before)」という記述の仕方が見慣れなかったので、
「CSS before」でググってみると、次のようなページが。
http://www.tg.rim.or.jp/~hexane/ach/lbcs/lbcs4-08.htm

CSSでは、このような使い方もできたのを初めて知った次第。

完全に専門特化してるweb(デザイナー|コーダー|ディレクター)にとっては
常識なのかもしれませんが、私のように半ば兼業でやってる人間としては、
「こんな使い方もできるのかぁ」と勉強になった次第です。

これまでおざなりに向き合ってた部分に対して、正面からじっくり取り組んでみる
必要を実感した今日この頃でした。

テンプレ変えてみたけど

気が向いたのでテンプレートを変えてみました。

しかし、仕事以外でHTMLやCSSいじるのが、
こうも面倒に感じるのはなぜなんでしょうか。

ひとまず、まだ完全にいじり終わったわけじゃないので、
一部表示がおかしくなってるとこがあるかも。

Home > 2008年11月

Recent Comments
Recent Trackback
Search
Links
Feeds

Page Top