ikacr4uのブックマーク / 2008年12月24日

ikacr4u id:ikacr4u

2008年12月24日のブックマーク (4件)

clearfixでfloatを解除 | d-spica
clearfixでfloatを解除 2007-03-07 1 0 XHTML/CSS clear, CSS 枠や背景が消えたり，途中で切れたりしたことはありませんか。 floatした要素（ボックス）を含む親要素（ボックス）のborderやbackgroundが途中で切れてしまうことがあります。左の例では，右側のメニューが終わったあたりで，左右にあるラインも切れています。 floatした要素の高さは親要素の高さに反映されない分かりやすいようにXHTMLとCSSの例を書いてみましょう。 <div id="wrapper"> <div id="content"> <p>content</p> </div> <div id="menu"> <p>menu</p> </div> </div> #wrapper { width: 200px; border: solid 3px #999999;
ikacr4u 2008/12/24
css
リンク
【CSS】 dl で float を使う | バシャログ。
サイトトップページのニュースリリースなどで、dlによるfloatはよく使用してます。昔はtableタグを使用して実現していましたが、「表組み以外でtableタグは使用しない」ことにしています。 WEB標準に順ずるシーブレインの取り組みです。今回は、dtに日付、ddにニュースタイトルの場合を例としてご紹介します。サンプルはシーブレインサイトトップページの以下の部分。 htmlタグは以下です。 htmlタグ <dl> <dt>2007-02-20</dt> <dd>辞典機能つきフィードリーダー『G10 Reader』運用開始</dd> <dt>2006-06-30</dt> <dd>マニュアル作成ページをリニューアルしました。</dd> </dl> CSS設定方法 dl dt { float: left; width: 5em; margin: 0 0 0.5em 0; padding:
ikacr4u 2008/12/24
css
リンク
[使える 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<
ikacr4u 2008/12/24
dlタグでテーブルっぽいのを作れる。

css

tutorial
リンク
全動画共有サイト(含YouTubeHD)を落として変換できるBywifi :教えて君.net
ブラウザの通信を監視することで、基本的に全ての動画共有サイトから動画ファイルダウンロードを行える海外製ツールBywifiが登場した。YouTube（HD動画可）もDailyMotionも、「にゅーあきば」などの外部サイトに貼られた動画もOKだ。 Bywifiは、IEが読み込もうとしている動画のアドレスをリアルタイムで監視し、動画ファイルをダウンロードするツール。分かる人向けに書いておくと、Orbitに搭載されているGrab++機能に近しい。「対応共有サイト」という概念がないので、基本的にどんな共有サイトからでも動画ファイルダウンロードを行える点が長所だ。保存ファイル名も（後述するように多くの共有サイト相手で）正しく設定されるし、ダウンロードしたファイルをaviやwmv、iPod用MP4に変換する機能も搭載済みだ。 Bywifiを作者のダウンロードページからダウンロードしインストール。以
ikacr4u 2008/12/24
動画変換

VJ
リンク
- 2008年12月25日
- 2008年12月24日
- 2008年12月22日