overflowを使ってfloatの問題を解決するスタイルシートのテクニック | コリス
フロートした子要素を内包するコンテナが高さを拡張しない問題を解決するためのテクニックはさまざまなものがあります。 その中から、overflowを使った方法とその際に生じる問題点とその解決方法を紹介します。 CSS: Clearing Floats with Overflow [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに Demo 1: overflow:auto; Demo 2: overflow:hidden; overflowを使って生じる問題点と解決方法 はじめに フロートベースのレイアウトをする際、ラッパーとなるコンテナがフロートしている子要素に対して高さを拡張しないことは、普通によくある問題です。 デモ：１ フロートをクリアする要素を配置して解消した例 しかし、この問題を解決するために、「overflow」プロパティでもできることを知っていましたか？ これは
素晴らしいCSSメニュー120選 – creamu
CSSでかっこいいメニューをデザインしたい。 そんなときに参考になるのが、『120 Excellent Examples of CSS Horizantal Menu』。素晴らしいCSSメニュー120選だ。 以下にいくつかご紹介。 ↑のキャプチャはandreaugusto。 dairien kudayta megavirada porterscarpetandfurniture その他のリストは以下から。 » 120 Excellent Examples of CSS Horizantal Menu 素晴らしいCSSメニュー、チェックして参考にしてみてはいかがだろうか。 天気がよくて気持ちいいですねーー。表参道でカフェ中だ。 古本で買った本を読み終わった。ブログの方はなかなか面白かったかな。
[JS]いろいろな表示形式に対応しているツールチップ -clueTip
clueTipは、jQueryのプラグインで、いろいろな表示形式に対応しているツールチップのスクリプトです。 jQuery clueTip Plugin clueTipの形状は、大別すると「Default Style」「jTip Theme」「Rounded Corners Theme」の３つがあり、ノーマルにツールチップが表示されるものから、AJAX対応、クローズボタン付き、サイズ・位置の指定、ホバー・クリックのトリガー変更などがあります。 デモページ clueTipは下記からダウンロードで、動作にはjquery.jsが必要です。 clueTip - flexible, enhanced tooltip
便利なＣＳＳテクニック３０選:phpspot開発日誌
30 Exceptional CSS Techniques and Examples | Six Revisions In this article, I’ve pieced together 30 excellent CSS techniques and examples 便利なＣＳＳテクニック３０選ということでエントリがまとまっていたので紹介。 特に気になったものを以下にまとめました。 Hoverbox Image Gallery - 画像ギャラリー上でマウスホバー時に画像拡大 デモはこちら CSS Photo Zoom - 文書に添付の画像にカーソルを合わせると画像拡大。テキスト位置も自動調整 デモはこちら whatever: hover - windowsのスタートメニュー風の階層メニュー デモはこちら Content Overlay with CSS - オーバーレイでdescr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]画像を使用しないでイメージを作成するスタイルシートのテクニック集
[CSS]可変するレイアウト幅の最大値を制限する簡単な方法
ちょっと使ってみたくなるHTML5/CSS3のUIエレメント集 -Boxtuffs
[CSS]画像を使用しないでもCSS3ならここまでできる実用的な実装サンプル
css-lecture.com
リンクをデザインするCSSいろいろ - DesignWalker
[CSS]背景が透けるカラムを実装するスタイルシート | コリス
[CSS]アイデア満載のスタイルシートのテクニック30選 | コリス