タグ

CSSと書き方に関するsorasemiのブックマーク (4)

  • height が決まっている領域で上下左右中央揃えにする CSS | ヨモツネット

    概要 height が決まっている領域で上下左右中央揃えにするレイアウトのための CSS のコードです。position で実現する方法と違い、height が可変しても常に上下は縦横揃えが維持されます。 この方法はコンテンツエリアをウィンドウに対して上下中央揃えにしたいときにも応用ができます。 height が一定のエリア内で上下左右中央揃えの demo height が一定のエリア内で上下左右中央揃えの demo (expressionを使用したバージョン) コンテンツエリアをウィンドウに対して上下中央揃えの demo (expressionを使用したバージョン) height が一定である必要がない場合や、IE で JavaScript の機能が利用できない環境を考慮する場合は、position を使って実現する方法や、expression を使用せずに、上下中央揃えを実現ができる、

  • CSS Nite in Ginza, Vol.21 - Archiva

    Make a note of it: Web tech, montaineering, and so on. CSS Nite行ってきました。今回は携帯サイトについて。バックエンドの話もちょろっと出てきて、CSS Niteにしては濃い内容でした。あともう一歩踏み込んでくれれば新鮮な驚きもあったかもですが、やっぱその辺は社外秘っぽいですね。セッションの運用とか。 以下、まとめです。途中で面倒くさくなったので、preタグ貼り付け。 携帯サイトのコーディング事情~基編 @宮永邦彦(アイデアマンズ株式会社) 実例紹介 → 東京モード学園 ・3G携帯のみ対応の先進的なケース 携帯インターネット人口は、パソコンに迫る勢い → パソコン 8,055万人 → 携帯電話・モバイル 7,086万人 (平成18年「通信利用動向調査」/総務省 ) 主な利用者は若年層。学生、女性。 どんなコンテンツが携帯向き?

  • 構造のマークアップなしでフロートをクリアする方法

    sorasemi
    sorasemi 2006/12/20
    floatやclearがおかしいときに
  • 角丸ライブラリ - tikeda::Diary:

    最近角丸を作る機会が多かったので、今後の為に色々整理してたんですが、公開しておきます。使えそうだったらいじって使ってください。中身の文書を書き換えれば上下左右と可変するように柔軟になっています。また、一部PSDも同封してます。 0501curve.zip 中身はこんな感じ。 ベーシックなタイプ 01:小さ目な角丸 02:大き目な角丸 03:斜線の角丸(背景画像をループ) 04:ストライプの角丸(背景画像をループ) 05:木模様の角丸(背景画像をループ) 06:リボンのついた角丸(背景画像を固定) 4つ角をの内側を透過GIFにしてるので、大枠の背景を変えれば発想次第で色々と使えると思います。HTMLCSSは大体こんなんです。divが多いのがちょっと嫌な感じですが。はてな内ではspanでやってたりもします。 HTML <div class="curve-01"> <div class="cu

    角丸ライブラリ - tikeda::Diary:
  • 1