CSS で簡単に上下中央揃えを実現する | ヨモツネット
概要 CSS のみで、table 要素のような上下中央揃えを実現するための方法と解説です。 たまたま閃いたのですが、CSS で上下中央揃えは実は意外と簡単にできました。demo を用意しましたので、いろいろな Web ブラウザで見てみてください。 対応 Web ブラウザ Firefox 1, 2 Netscape 6, 7.1 Safari 2, 3 Opera 9.2 IE 5.01, 5.5, 6, 7 ( inline-block で実現) で意図した通りに表示されることを確認しました。 解説 中央揃えにしたい要素に対して、display:table-cell; を指定します。( table-cell が指定された要素には vertical-align が有効になります。) div.sample1 div { display:table-cell; } ただし、 IE 6, 7 に
[CSS]大きい画像を背景にする時のスタイルシートの３つの実装例 | コリス
Web Designer Wallのエントリーから、大きい画像を背景に使用する時のスタイルシートの３つの実装例を紹介します。 How to: CSS Large Background 一枚の画像を使用する方法 demo 実装のポイントは、使用する背景画像（background image）の端と背景色（background color）に同じ色（#f8f7e5）を使用します。 サンプルコード <textarea name="code" class="css" cols="60" rows="5"> body { padding: 0; margin: 0; background: #f8f7e5 url(wdw-bg.jpg) no-repeat center top; width: 100%; display: table; } </textarea>
80's Music Videos
Over 1,000 classic music videos from the 1980's Welcome back to the new and improved HTML5 compliant site! A - A Flock Of Seagulls - I Ran - A Guy Called Gerald - Voodoo Ray - Aha - Take On Me - ABBA - Super Trouper - ABC - The Look Of Love - Accept - Balls To The Wall - Adam Ant - Kings Of The Wild Frontier - Adrian Gurvitz - Classic - Aerosmith-Janies Got A Gun - Afrika Bambaataa - Planet Rock -
めっちゃ旨い唐揚げの作り方教えてくれ・・・ :アルカン速報
1 名前：>>1 ：2008/05/27(火) 19:41:34 ID:o3B2SyZM0日曜日までに唐揚げを作れるようにならないといけない・・・ 料理経験のまったくない俺にかなりうまい唐揚げの作り方を 全力で教えてほしい！！！ 4 名前：ぱくぱく名無しさん ：2008/05/27(火) 20:35:41 ID:b83Gl+hVOニンニクのスライスを醤油に一時間くらい漬けてからその汁で唐揚げ作れ旨いぞ 揚げてすぐ喰うなら片栗粉がオススメ 5 名前：>>1 ：2008/05/27(火) 20:55:09 ID:o3B2SyZM0>>4>サンクス！！！参考にさせてもらう！！！ 6 名前：>>1 ：2008/05/27(火) 21:31:02 ID:o3B2SyZM0余談だが、唐揚げつくりは友人との勝負でもあるんだ 向こうは家庭の味（ﾏﾏﾝの味だな） こっちはネットの味（底力だな） 決戦は最初に
CSS「display: table」と「display: table-cell」で出来ること｜アイビーネットblog
IE8は「display: table-cell」に対応 「display: table-cell」とは、テーブルの構造を表現することができるCSSプロパティです。先日公開されたベータ版(IE8 Beta1)で確認しましたが、IE8からは「display: table-cell」に対応しているようです。 そこで、今回はこの「display: table-cell」を使うことで、どんなことが出来るのかを見ていきたいと思います。 「float」と「display: table-cell」でのカラムレイアウトを比較 左右のカラムが固定で、中央のカラムが可変というような3カラムのレイアウトを表現したい場合、CSSでは通常「float」を使います。カラムレイアウトは「display: table-cell」でも表現できますので、この2つの方法を比較してみたいと思います。 「float」を使った従来の
都道府県選択のHTMLサンプル
当ページの概要 都道府県を選択させるSELECTタグのサンプルです。OPTGROUPタグを使い、都道府県を地方別に表示しているので、視認性アップ！ SELECTタグの都道府県サンプル CGIで使える「都道府県」選択HTMLサンプル 住所登録など、CGIで使える都道府県セレクトのHTMLサンプルを公開しました。私の個人用でローカルファイルに保存していましたが、パソコン内部のデータ整理で公開致します。 ネット検索で登録フォーム探してパクって来ても手入れしないと使えない場合があるので、負担を軽減するためにも公開してみました。今後こういった便利なHTMLタグを配布していくと思いますので、ぜひお使い下さい。 サンプル表示 「都道府県」選択サンプルソース <select name="todouhuken"> <option value="">◆都道府県を選択◆</option> <optgroup l
optgroup 要素を CSS でひと工夫してみる | WWW WATCH
フォームの入力コントロールの中で、select 要素によるセレクトメニューは、選択肢の数が一定以上増えると選択したい項目を探し出すのがちと面倒になります。そんな... フォームの入力コントロールの中で、select 要素によるセレクトメニューは、選択肢の数が一定以上増えると選択したい項目を探し出すのがちと面倒になります。そんな時のために optgroup 要素が存在するわけですが、こいつを使用した上で、CSS をあてて見た目を装飾する方法と、一部ブラウザでの注意点などを簡単にまとめてみました。 基本的なことのみで、すごいかっこいい見た目を実現とかそういうのではありませんので、期待せずにどうぞ。 例えば都道府県などの選択をさせる際を想定すると、マークアップ自体はこんな感じになりますよね。面倒なので全部は書きませんが。 <select name="location"> <optgroup la
ATOKとIME2005が勝手に切り替わる問題 (Nega Diary)
Dreamweaverを使っていると、なんかの拍子に、ATOKとIME2005が勝手に切り替わっていて、イライラさせられることがあった。 これは、Dreamweaverのバグか、ATOK2005がVistaに対応してないのかーと思っていたのだけれど、ふと検索してみると、Windowsのデフォルトの設定で、Ctrl + Shiftで、IMEを切り替える機能が設定されてるようで、どうもこのキーコンビネーションを押しているみたいだ。 回避方法が、 blog.tateru.jp: IMEが勝手に切り替わるのを防ぐ方法 に書いてあった。 1. コントロールパネルの「地域と言語のオプション」を開く 2. 「言語」タブの「詳細」ボタンを押す 3. 「キーの設定」ボタンを押す 4. 「入力言語を切り替える」を選び「キーシーケンスの変更」ボタンを押す 5. 「入力言語の切り替え」のチェックを外す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
