タグ

2009年6月28日のブックマーク (3件)

  • はてなTシャツ2009欲しい!とは はてなの人気・最新記事を集めました - はてな

    2009年版はてなTシャツまもなく完成!スタイリッシュかつ素材の良さで毎年人気のはてなオリジナルTシャツ2009年版の製作を記念し、プレゼントキャンペーンを実施します。 期間中にブログ(はてなダイアリー)、はてなブックマーク、はてなハイク、うごメモのいずれかからご応募いただくと、抽選で10名様にサイト販売でしか手に入らないレアなはてなTシャツが当たります。

    はてなTシャツ2009欲しい!とは はてなの人気・最新記事を集めました - はてな
  • hail2u.net - Weblog - floatで並べたリストのセンタリング

    ページング・ナビゲーションなどでリスト項目をfloat: left;で横に並べるというのは割りと良く使われると思う。並べること自体は特に難しいわけではないが、その並べたリスト全体をセンタリングしようとするとちょっとややこしい。display: inline-block;を使う手法やdisplay: table;を使う手法という黒魔法的(私見)な手法で実現可能だが、position: relative;でもいける。 ややこしい理由は簡単で、センタリングでよく使われるtext-align: center;やmargin: 0 auto;といった手法が通用しないから。検索するとすぐ出てくる比較的メジャーなdisplayで頑張る方法もわかりやすいし悪くはないのだけど、同一セレクタ内で複数のdisplayを駆使する必要があることやzoomマジックなどを併用する必要があることからコードがややこしくなる

    deg84
    deg84 2009/06/28
    floatしてもセンターリングする方法
  • 【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。

    ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです! IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに!」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height(相当)の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi

    【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。
    deg84
    deg84 2009/06/28