2006年10月 一覧（ボックス表示）

↓こんな画像があったとして。 コノ中にテキストを入れる場合、真ん中に合わせるのがビミョーに面倒だったりします、、、よね？ そんな時にチョットだけ便利なテクニック。 何かのタイトル こんな感じで真ん中に...

何を思ったか、写真なんて撮らないのにフォトブログっぽいモノが作りたくなり、作ってみました。 このフォトブログをテンプレートとして配布しようと思っているのですが、準備に想像以上に手間取り、中々公開出来な...

何かと便利な定義リスト。 用語集や、Q&Aなど使いどころは沢山あるけれど、同じ行にしたいと思うことがしばしば有るかと思います。 しかし、中々思うように横並びが出来ないのが定義リスト。 今回はそんな厄介...

2006年10月19日に行われた、CSSNiteに参加してきました。...

行間を指定しているにも関わらず、imgなどの置換要素が含まれると、WinIEでline-heightで指定した値より小さくなるというバグ。 line-heightの値があまり大きくなければさして気には...

" src="http://css-happylife.com/img/website/ht.gif" />オンライン上でいとも簡単に.htaccessファイルを作成してくれる、ヒジョーに便利なツール...

的確なタイトルが浮かばなかったんですが、一つの要素、例えばリストなどで常に日付が先頭に表示され、その後タイトルが続く場合や、リストのマークとは意味合いが違う場合などに複数行になった場合、 日付の下にタ...

" src="http://css-happylife.com/img/entry/cdp-03.gif" />CDPテンプレート追加です。 今回は友だちのイラストを許可を得て使わせてもらいましたっ！...

" src="http://css-happylife.com/img/entry/cdp-02.gif" />思った以上に見て頂いている方が居るようなので、CDPテンプレート追加です。 使い方等の詳...

かなり色んなサイトで見かけるようになった、JavaScriptを使わずにロールオーバーをCSSのみで実現するテクニック、そのやり方です。 以前のエントリーで、縦並びのメニューで同様のを紹介しましたが、...

" src="http://css-happylife.com/img/entry/cdp-01.gif" width="200" height="178" />CDP用のテンプレートを作成してみまし...

前回のエントリーでご紹介した角丸。 今回は、文章構造を維持出来るデザインが上がってきた場合の角丸の作成をしてみました。 仕様 タイトル：3行～4行くらいまで。 本文：文字数・サイズ制限無し、横幅固定。...

CSSによる角丸テクニックはイッパイみかけるけど、ドレも可変なんすよ。 個人的には、可変より固定の方が好きだったり、実業務で可変レイアウトの角丸を作る事ってのは殆ど無かったりします。 ゆえに、実践で必...

" src="http://css-happylife.com/img/website/line_01.gif" />あらかじめ言っておく。 このサイトは、非常に忠実で厳格なhtmlやらに拘ってるわけ...

3カラムレイアウトのサンプルです。 デザインはテキトーでいいや。と思って作ってたのに、余計な装飾を始めてしまって中途半端っぷりが出ていたりするのは、見なかったことにして。 えっと、今回のサンプルで行っ...