overflowを使ってfloatの問題を解決するスタイルシートのテクニック | コリス
フロートした子要素を内包するコンテナが高さを拡張しない問題を解決するためのテクニックはさまざまなものがあります。 その中から、overflowを使った方法とその際に生じる問題点とその解決方法を紹介します。 CSS: Clearing Floats with Overflow [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに Demo 1: overflow:auto; Demo 2: overflow:hidden; overflowを使って生じる問題点と解決方法 はじめに フロートベースのレイアウトをする際、ラッパーとなるコンテナがフロートしている子要素に対して高さを拡張しないことは、普通によくある問題です。 デモ：１ フロートをクリアする要素を配置して解消した例 しかし、この問題を解決するために、「overflow」プロパティでもできることを知っていましたか？ これは
第41回：Lightbox JS v2.0でサムネイル画像をオーバーレイ表示させる：：自宅サーバー構築ブログ
第40回では、写メールでエントリーを投稿する Mail2MTEntry の設置について説明しました。今回は、久しぶりの更新になりましたが Lightbox JS v2.0 というJavaScriptを利用して、サムネイル画像を同一画面上にオーバーレイ表示させる方法について説明していきます。 Lightbox JSは、とても有名なJavaScriptなので敢えてここで説明するほどのことではないのですが、一応、備忘録の意味もこめて解説します。 まず、最終的にどのようにしたいかは以下の画像をクリックしていただければすぐにわかるかと思います。 ここで行う作業は以下の3つ。 （１） Lightbox JS v2.0 を設置する （２） クリックでオーバーレイ画像（拡大した画像）が閉じるようにする （３） 複数枚の画像を、「Next」「Prev」ボタンで前後に移動できるようにする ■（１） Light
小粋空間: Lightbox JS で画像を表示する
サムネールをクリックすると同一ウィンドウ上に画像を表示するという Lightbox JS です。ご質問を頂いて知ったのですが結構広まっているようです。 ということでこのエントリーにてご紹介したいと思います。 2006.10.10 追記：機能改善された Litebox 1.0 の記事「Litebox 1.0 をブログに適用する」を公開しています。 ０．動作 公式サイトでも確認できますが、とりあえず上のサムネイルをクリックしてください。ローディング画像が表示された後、元画像が表示されるという、お洒落なスクリプトです。 表示された画像をクリックすると元の画面に戻ります。一度表示された画像を再度クリックするとローディング画像は表示されません。 以下、このスクリプトの設定方法です。 １．ファイルのダウンロード 動作に必要なファイル（スクリプト・スタイルシート・画像）をダウンロードします。 まず下記の
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ちょっと便利なCSS Tips いろいろ - DesignWalker
Scriptを使わないCSSエフェクト、Tipsいろいろ - DesignWalker
