|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
- 2008/03/27 15:112行追加するだけで、簡単にIE6でもmin-heightを実現する方法
- CREAMUさんのところで書かれていたCSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』を参考に、サンプルを作ってみました。自分でも覚えておきたいので備忘録的にもエントリーｗちょっと前に書いた『CSSの1行でできるIE6対策（ハック）』と同じテクニックを使ったものです。IE6で下のサンプルを見てもらうとわかると思いますが、見事にmin-heightと同じ挙動をしています。サンプル2行 [続きを読む]
|
- 2008/03/17 10:17クラスを追加するだけで簡単にページ内分割を実装するJavascript
- ※追記[2008/03/21]機能を若干拡張しました。自動生成されたページング部分に、ページ内リンクを設定しました。これにより、ページ内リンクを含んだリンク（ex. index.html#no3など）を設定しておくことで自動的に該当のページ部分を表示するように修正しました。また、ページ内リンクはページを移動する際に自動で付与されます。▼サンプルURLhttp://css-eblog.com/eblog_sample/0803/paging/#no12ちょっとした不具合があったので [続きを読む]
|
- 2008/03/11 22:51左右に余白のある横並びのリストを親要素の両端にぴったりとくっつける小技
- floatさせてリストを横に並べる機会は結構あると思います。メニューなんかの場合はそれぞれのリスト要素を余白を空けずに並べたりしますが、通常のリストなんかの場合は左右どちらかに余白を空けて並べるのが通常だと思います。その際、当然marginを使ってそれぞれのリストとの余白を空けますが、すべてが同じCSSが適用されるため、marginを指定したくない（大概は最後の）要素が出てきます。最後の部分に別途クラスを指定するか、 [続きを読む]
|
- 2008/03/05 17:33CSSの1行でできるIE6対策（ハック）
- Internet Qualityさんの所の紹介エントリーにあったサイトで、IE6だけにうまくCSSを適用しているサイトがあったので、自分のメモとしてもエントリー。Example: margin: 20px !important; margin: 10px;サンプルを見ると、ごく簡単な処理になってます。通常、importantを指定したスタイルが適用されますが、どうやらIE6の場合、同じセレクタ内の場合はimportantで書かれていても、そのあとに書かれた同じスタイルが適用されてしまう [続きを読む]
|
- 2008/03/01 17:40初心者が陥りそうなCSSの7の間違い
- ということで、かなり独断と偏見によってこのエントリーを書いてますがｗYahoo!知恵袋のような質問系のところでたまに見かける問題や、以前自分で陥った間違い（勘違い）についてまとめてみました。知ってると大したことない問題でも、知らないとその修正にかなりの時間を費やしたりします。そういう人たちに知っておいてもらいたいことを7個ほど書き出してみました。書いていくうちに、すごい長くなってしまいました(;´д｀)デフ [続きを読む]
|
- 2008/02/20 22:39よくありそうなデザインのサイトのテンプレート2種
- 初めてテンプレートっぽいものを作ってみました。といっても、どういうテンプレートがいいのかわからなかったので、デザインこみでテンプレート化してみました。コンセプトとかは下に書いてあります。▼よくありそうなサイトのテンプレートサンプル01⇒よくありそうなサイトのテンプレート01サンプルダウンロード▼よくありそうなサイトのテンプレートサンプル02⇒よくありそうなサイトのテンプレート02サンプルダウンロード画像を [続きを読む]
|
|
|
- 2008/02/15 11:33:target擬似クラスを使ったプルダウンメニュー
- RedLine MagazineさんのCSS3 :target擬似クラスでイメージギャラリーを見て、ふと思いついたのでサンプルを作ってみた。▼サンプルはこちら:target擬似クラスを使ったプルダウンメニューサンプル内容は、:target擬似クラスを使った、windowsのメニューバーのようにクリックしたらメニューが現れるタイプのメニュー。それを、JavascriptなしでCSSのみでやってしまおう、というのが今回の主旨。 ただ、問題がいくつかあって、 [続きを読む]
|
- 2008/02/08 13:37IE7で隣接セレクタに落とし穴？ IE7で隣接セレクタを使う際の注意点
- WWW WATCHさんのところで興味深い記事を見つけたので備忘録的に書いてみた。タイトル通りだけど、どうやらIE7の隣接セレクタにはバグがあり、HTML文書でコメントアウトしている要素も"隣接"と認識してしまうもの、という感じ。サンプルを書いてみたIE7で隣接セレクタを使う際の注意点サンプルIE7で見た隣接セレクタバグのサンプル画像IE7で見てもらうとわかるけど、確かにコメントがあるだけで隣接セレクタが効いていな [続きを読む]
|
- 2008/01/31 11:09DIV要素を縦横中央に配置する
- とあるCSSによるLitebox的表現のエントリーを見ていて、以前に書いたエントリーよりも簡潔なCSS(とHTML)で縦横垂直が実現できそうだったので書いてみた。▼サンプルはこちらDIV要素を縦横中央に配置するサンプルまず最初にまとめを話してしまうと、絶対配置にしたDIV要素を、縦横50%の位置に移動する。するとボックスの左上が画面中央にくるので、さらにその後ネガティブマージンを使ってボックスの中央を画面中央に合わせる、とい [続きを読む]
|
