覚えて良かったCSSテクニック « zaru blog
ここ最近、覚えてよかったなーと思ったCSSテクニックをまとめてみる CSSテクニックは時代とともに変わっていくけれど、ここ1年ほどスタメンレベルで使うCSSテクニックが絞られてきたので、ここらでちょっと個人的にもまとめておこうかと。 liボックス 幅：190px マージン：15px liボックス ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。 liボックス ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。 <li>にはクラスを指定せずに、左右にぴったりくっ付くように配置が可能。 <style type="text/css"> #box1{ width: 600px; } ul{ width: 615px; margin: 0 -15px 0 0; overflow: hidden; _zoom: 1; font-size:7
Firefoxでtableをdisplay:blockすると、幅がおかしくなる問題の対処 (Nega Diary)
firefoxで、tableおよびtableの中身(tr,td,th)に対して、"display:none"したあと、"display:block"すると、なぜかwidthがリセットされ、最小限の幅になってしまう。 // 非表示 $('table_id').style.display = 'none'; // 表示 $('table_id').style.display = 'block'; これは、firefoxのバグかと思っていたが、tableのdisplayは、block/noneではなく、table-row/noneということがわかった。しかし、表示／非表示を他の要素と共通の関数で処理してる場合には、table-rowはふさわしくない。なので、ベストなのは、displayに空文字をセットする。
border-collapseについて再度調査してみた | A Day in the Life
October 21, 2009 当ブログの過去のエントリーborder-collapseの内容は2006年当時の内容であるため、検証したブラウザが少々古い物となっています。 なので自分の環境で出来る限りのキャプチャーを取ってみました。検証したブラウザは以下の通りです。クリックするとキャプチャー画像をご覧になれます（画像は2倍に拡大してあります）。 Windows IE6 Windows IE7 Windows IE8 Windows Firefox2 Windows Firefox3 Windows Firefox3.5 Windows Google Chrome3 Windows Opera9.6 Windows Safari4 Macintosh Safari4 Macintosh Firefox2 Macintosh Firefox3 Macintosh Firefox3.5 結果
「サイトの横幅」再論：950px時代のウェブデザイン［絵文録ことのは］2009/01/14
以前、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論［絵文録ことのは］2006/11/25で、「実際にサイトを閲覧している人のブラウザーの横幅と、ブラウザーによる印刷上の制約から、特に画像は左端から640ピクセルくらいに収まるようにした方がよさそうだ」という結論に落ち着いた。これには、一行字数が多すぎると読みづらい、という、紙媒体の扱いも多いわたしの経験的な見方もある。 もちろん、これにはリキッドデザイン主義者の方から「ページ幅を指定するようなデザインであること自体が悪」という反応があったり、「印刷用CSSを使おう」といった反応があったりしたのだが、「印刷時のことを考えれば640pxという制約がある」という結論は特に揺るがなかった。 その後、今まで約2年経った。閲覧者の環境も変わり、当時主流だったIE6にはなかった「用紙サイズに合わせて印刷」機能を備えたIE7ユーザーも増
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.
CSS - tableのwidthはどう解釈されるか | Try | d-spica
tableにCSSでwidthを指定した場合，どう解釈されるかのテストです。DOCTYPEはXHTML 1.0 Strict，XML宣言は省略しています。 Tried at 2007-06-06 まず，tableのマークアップは次の通り <table> <col class="col1" /> <col class="col2" /> <col class="col3" /> <col class="col4" /> <col class="col5" /> <tr> <th scope="col">項目1</th> <th scope="col">項目2</th> <th scope="col">項目3</th> <th scope="col">項目4</th> <th scope="col">項目5</th> </tr> <tr> <td>data11</td> <td>data21
[使える 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<
![[使える CSS テクニック] CSS で DL を float して表組みのように表現する | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スタイルシートで横スクロールバーを消す設定 (WEB SEEKER)
リゾレーヌ サプリを口コミだけで判断してはダメ？バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します！
