Home > スポンサー広告 > CSSメモ

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Comments:-

Roxanu URL 2008-11-15 (土) 20:40

before,afterは~IE7だと使えないんだ是(´;ω;`)

えび URL 2008-11-16 (日) 11:04

なんと(´・ω・`)
IE8では使えるようになるのかしら?

Comment Form

Trackback+Pingback:-

TrackBack URL for this entry
http://ebibi.blog62.fc2.com/tb.php/54-c6f23981
Listed below are links to weblogs that reference
スポンサーサイト from Neglect Life

Home > スポンサー広告 > CSSメモ

Home > web技術 > CSSメモ

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

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

Comments:2

Roxanu URL 2008-11-15 (土) 20:40

before,afterは~IE7だと使えないんだ是(´;ω;`)

えび URL 2008-11-16 (日) 11:04

なんと(´・ω・`)
IE8では使えるようになるのかしら?

Comment Form

Trackback+Pingback:0

TrackBack URL for this entry
http://ebibi.blog62.fc2.com/tb.php/54-c6f23981
Listed below are links to weblogs that reference
CSSメモ from Neglect Life

Home > web技術 > CSSメモ

Recent Comments
Recent Trackback
Search
Links
Feeds

Page Top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。