[B! float] fumikopeのブックマーク

fumikope id:fumikope

floatに関するfumikopeのブックマーク (5)

[使える CSS テクニック] CSS で DL を float して表組みのように表現する | バシャログ。
使える CSS テクニック第 5 回、「CSS で DL を float して表組みのように表現する」です。何かと便利な定義リストですが、今回は dt と dd を並列に並べて、テーブルのように表示する方法をご紹介します。よく使われる定番の方法で、難しいものではないですが、少しだけクセがあります。ベーシックなテーブルまずは下のような、会社紹介などに使われる汎用的なテーブルです。基本的に dt に float を設定して、dd は dt に乗っかる形になります。 [サンプル] 会社名株式会社シーブレイン住所横浜市中区尾上町 5-77-2 馬車道ウエストビル 8F 電話番号 045-650-6210 [HTML] <dl> <dt>会社名</dt> <dd>株式会社シーブレイン</dd> <dt>住所</dt> <dd>横浜市中区尾上町 5-77-2 馬車道ウエストビル 8F<
fumikope 2010/03/21
*css

リスト

float
リンク
とっても使えるoverflowプロパティ。その使い方色々。
光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ～と思ったので自分が良く使うのをまとめてみました。あんまoverflowプロパティを使った事が無い方は、ビックリですよ！これで、ソコの可愛いアナタもoverflowプロパティの虜になる事間違い無し！！（わかんないけどサンプルとかは以下よりどうぞ。サンプルサイトを見るサンプルをダウンロード基本的に、全てoverflow: hidden; の指定を足す事で解決したり実現出来る感じです。 01 clearfixみたいに使うまずは以前の「clearfixを使わないでやるに
fumikope 2009/11/02
*css

float
リンク
HR でfloatを解除するときの余白を詰める − ミモザガーデン
お久しぶりに仕事のことを書きますよ。(^_^) CSSでレイアウトしていると、floatのclearする方法が必須なのですが、a-blog1.xでは、一般向けに解りやすく記述するため、なるべく少なめのCSSで記述されています。ですが、このままだと、WindowsIE6のバグで、hr のmargin-bottomに20pxの余白が付いてしまいます。レイアウトにより、余白が入ると非常に困ることもあるでしょうから、余白を詰めるための記述を紹介します。 WindowsIEのhrのmargin-bottom対応サンプルページはこちらです。 <style type="text/css"> <!-- .clearHidden { margin:0 0 0 0; border:none; padding:0; height:0; width:auto; visibility:hidden; clear
fumikope 2009/06/07
*css

float
リンク
【CSS】clearfixを使わずにfloatを解除する | バシャログ。
以前、floatを解除する clearfixハックという記事を書きましたが、できることならハックは使いたくないと最近思うようになってきました。いろいろと検証した結果、今回ご紹介するのはハックを使用せずにfloatを解除するための方法です。 divの構成はこちら。 boxというクラス名の div （floatを解除するための div ）は必要です。 cssのソース div.box { overflow: hidden; /* これがポイント */ position: relative; /* IE6でエリアを選択できるようにする */ /* DreamWeaverのデザインビューで正しく表示させる */ } div.left { float: left; /* 左に寄せて配置 */ width: 200px; } div.right { float: right; /* 右に寄せて配置 *
fumikope 2008/11/19
*css

float

clearfix
リンク
【IE7対応clearfix】さらに続報、コピペでつかえる主要ブラウザをclearするコード、[多分最終版]::::::STOPN' LISTEN::::::to the silence:::::::
免責事項：本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
fumikope 2008/02/26
CSS

float

clearfix
リンク
1