2012/03/19

floatで並べたリストを中央揃えする方法

簡単に考えていたことほど、一旦つまづくと解決までに時間がかかってしまうことが多いですよね。。。しかも、よく忘れる。。。ので、メモることに。 フッターメニューやページャー(ページネーション)を、floatで横並びした際、メニュー全体をセンタリングさせようと思っても、「margin」や「text-align」などでは一向にセンタリングしてくれません。 そんなときは、「position」で位置を
...end more

2012/03/19

CSSスプライトでサイトを高速化

ロールオーバーを円滑にしてくれるCSSスプライトについて、いまさらながらメモる。そもそも、CSSスプライトとはなにかというと、ロールオーバ時とそうでない時の2パターンの画像をひとつにまとめて、CSSでポジションを指定することによりロールオーバーを表示させるCSSのテクニック。ひとつのロールオーバーだけだと2画像が1画像になるだけなので、それほどメリットはないが、複数のロールオーバーの画像をまとめる
...end more

2012/03/16

CSS3でできるいろいろ パート1

そろそろ本格的にCSS3とHTML5のことを気にしてあげないといけないと思いメモることに。 これまでJavaScriptを入れなければできなかった処理ができるようになったので、覚えておいてそんはないかと。 ただ、まだ対応していないブラウザもあるので、注意が必要ですね。 Transitions(要はアニメーションですね。) property : プロパティ、 duration:アニメー
...end more

2012/03/16

floatで段組みした要素の高さが無視される件

CSSで段組み作成する場合の基本の基本、「float」についてメモる。 調べれば星の数ほどでてくることなので、説明は特に無しでいきます。 例えば、 [html] <div class="parent-div"> <div class="child-div"></div> <div class=&quo
...end more

Back to Top