display: tableの活用 | 第1回 フレキシブルな段組みレイアウト
display: tableの活用 第1回 フレキシブルな段組みレイアウト 2014年4月にWindows XPのサポートが終了し、業務で対応すべきブラウザがIE8もしくは、IE9以上に変化してきます。この記事ではIE8以降で使えるマルチカラムレイアウト手法を解説します。 はじめに 2014年4月9日にWindows XPのライフサイクルが終了し、普段の仕事でサポートをしなくてはいけないとされるブラウザは多くの場合、IE8以上、あるいはIE9以上へと前進したことでしょう。これにより、レイアウトの手法は大きく変わることになります。 本稿では、display: tableの挙動を解説し、あなたのCSSレイアウトテクニックを向上させることを目指します。 IE8はCSS2.1をフルサポートしています。CSS2.1の仕様内には、displayの値にtableがありますが、IE7までは利用することがで
参考にしたいCSSでできるテーブルデザイン10選
こんにちは、工藤です。 今回はテーブルデザインについて参考にしたいものを集めました。 簡単なようで結構悩んでしまうんですよね・・。 Oranges In The Sky http://icant.co.uk/csstablegallery/tables/39.php 名前の通りグレーを基調にリンクにオレンジと青を使ったテーブルです。 こちらのサイトでは右上にあるデザイン名からCSSを参照することができます。 Nimbupani http://icant.co.uk/csstablegallery/tables/42.php 黒を基調に、リンクに青色を使っているテーブルです。 英語だからいいのかもしれないのですがスタイリッシュなテーブルです。 Casablanca http://icant.co.uk/csstablegallery/tables/71.php グレーと赤を使ったテーブル。色
Tableウィジェットでレスポンシブルなテーブルを作成するには？（Column toggle編）
jQuery Mobileは、jQueryを拡張するライブラリ（プラグイン）の一種で、名前のとおり、スマホ／タブレットに代表されるモバイル対応アプリを開発するための機能を提供します。jQuery Mobileの導入方法や使い方、jQuery Mobileが提供する主要機能については、「jQuery Mobile逆引きリファレンス： jQuery Mobileを利用するには？」を参照してください。 Tableウィジェットを利用することで、レスポンシブル・テーブルを作成できます。レスポンシブル・テーブルとは、画面サイズに応じて表示幅を調整してくれるテーブルのこと。具体的には、画面サイズによって列を選択的に表示するColumn toggleモード、画面幅が広いときには通常のテーブルを、狭いときには名前／値の連票形式で表示するReflowモードとが用意されています。 本稿では、まずそのうちの1つ、
data-priority | jQuery Mobile リファレンス
data-priorityはcolumntoggleテーブルに表示する列を指定できる属性です。 data-role=”table”を指定した要素にdata-mode=”columntoggle”をあわせて指定したレスポンシブテーブルの列の重要度を指定します。 columntoggleでは2つのポイントで表示する列を決定します。ひとつはブラウザのウィンドウ幅、もうひとつはユーザーがメニューで表示すると指定した列です。 ブラウザのウィンドウ幅から表示する列が決定される場合には、data-priorityで指定した重要度の低いものから順に非表示になります。 data-priorityには1〜6の数値が指定でき1がもっとも高く6がもっとも低い重要度です。 <table data-role="table" id="table-column-toggle" data-mode="columntoggl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
colgroup要素 : 表の縦列のグループ化 | HTML4.01 リファレンス | Tagland [HTML & Stylesheet解説]
http://msugai.fc2web.com/web/tips/tablewidth.html
