[B! CSS][table] blanc2005のブックマーク

CSS「display: table」と「display: table-cell」で出来ること | アイビーネットblog

2008年4月24日 14:11 (X)HTML CSS 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つの方法を

blanc2005 2009/11/01

css
table

リンク

CSS で table に斜線を引く方法

CSS で table に斜線を引いてみました。下の表の左上の斜線に CSS を使ってます。サンプル（クリックすればサンプルページに移動します） Windows XP + IE6 / IE7 / Firefox3 / Safri3 / Google Chrome で確認しています。ポイントは以下です。 th 要素に position: relative; 斜線を引く要素（ここでは span）に position: absolute; を設定。斜線（border）を適用する要素の前に   を設定。  がなかったり、要素の後方に  があると、th のスタイルが隠れてしまう。クロスブラウザにするため、font-size や line-height など、いくつかのプロパティを設定。 HTML <table summary="data"> <thead> <t

blanc2005 2009/10/27

css
table

リンク

web-coder.info

web-coder.info 2020 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

blanc2005 2009/09/25

リンク

CSS - col要素に有効なプロパティ | Try | d-spica

tableの列を示すcol要素について，CSSのどんなプロパティがあてられるかのテストです。 Tried at 2007-06-10 まず，tableのマークアップは次の通り <table> <col class="col1" /> <col class="col2" /> <col class="col3" /> <col class="col4" /> <col class="col5" /> <tr> <th>項目1</th> <th>項目2</th> <th>項目3</th> <th>項目4</th> <th>項目5</th> </tr> <tr> <td>data11</td> <td>data21</td> <td>data31</td> <td>data41</td> <td>data51</td> </tr> ...... </table>

blanc2005 2009/09/25

リンク

MooTools Zebra Table Plugin

I released my first MooTools class over a year ago. It was a really minimalistic approach to zebra tables and a great first class to write. I took some time to update and improve the class. The XHTML <table class="list-table" cellpadding="0" cellspacing="0"> <tr> <th><b>Award</b></th> <th><b>Actor</b></th> <th><b>Film</b></th> </tr> <tr> <td>Actor In A Leading Role</td> <td>Daniel Day-Lewis</td> <

blanc2005 2009/05/09

リンク

http://www.designwalker.com/2009/01/table.html

blanc2005 2009/01/14

リンク

手持ちで足りないといった緊急事態に最適のクレジット現金化！どういったシステムなのか紹介します！

blanc2005 2008/10/25

table
css

リンク

[CSS]スタイルシートで実装するテーブルのデザインパターンとそのポイント | コリス

Smashing Magazineのエントリーから、スタイルシートで実装するテーブルのデザインパターンとそのポイントを紹介します。 Top 10 CSS Table Designs Horizontal Minimalist

blanc2005 2008/08/15

css
table

リンク

料金表のデザインいろいろ - DesignWalker

blanc2005 2008/05/08

リンク

[JS]巨大なテーブルでも省スペースに表示するスクリプト -Super Tables

Super Tablesは、テーブルのヘッダを固定表示にし、縦横にスクロールバーを表示させるスクリプトです。

blanc2005 2008/03/15

リンク

Pure CSS Scrollable Table with Fixed Header

Also see the The Bullet Resistant Version :: Wider range of support and degrading of Browsers Browser Support (table is scrollable with fixed headers) Opera 7.x + (All Platforms) :: Tested with 7.2x and 7.5x Mozilla 1.x + (All Platforms) :: Tested with 1.0x and 1.6x IE 6.x + (Windows) :: Tested with 6.0x Safari 1.x + (MacOS) :: Tested with 1.2x Konqueror 3.x + (Linux / BSD) :: Tested with 3.2x Alm

blanc2005 2008/03/11

css
table

リンク

Table-Based Layout Is The Next Big Thing — SitePoint

February 28, 2008Table-Based Layout Is The Next Big Thing The recently-launched SitePoint CSS Reference (and its print version, The Ultimate CSS Reference) contains extensive coverage of some of the more obscure areas of CSS. One such area that is going to become very important with the release of IE8 later this year is CSS tables. For years now, enlightened designers who have embraced CSS layout

blanc2005 2008/03/05

リンク

HTMLテーブルに分かりやすいカーソルハイライト機能を付けられるJSライブラリ「Tablecloth」:phpspot開発日誌

HTMLテーブルに分かりやすいカーソルハイライト機能を付けられるJSライブラリ「Tablecloth」 2007年10月10日- Welcome to Tablecloth Tablecloth is lightweight, easy to use, unobtrusive way to add style and behaviour to your html table elements. HTMLテーブルに分かりやすいカーソルハイライト機能を付けられるJSライブラリ「Tablecloth」。テーブルにカーソルを合わせると次のように、現在位置がハイライトされます。クリックすると、その位置のハイライトを固定します。シンプルな効果ですが、データが多くある際、現在位置の確認や、チェックしておきたい部分をハイライトさせておくことが出来るなど、ユーザビリティ向上が期待できますね。使い方は次

blanc2005 2007/10/13

リンク

Welcome to Tablecloth　テーブルのマウスオーバーを色変更

blanc2005 2007/10/09

css
table

リンク

TableとCSSいろいろ - DesignWalker

blanc2005 2007/10/05

リンク

A CSS styled table version 2 | Veerle's blog

You are looking at archived content. The hot new stuff is happening at Veerle's blog 3.0. You should check it out! In 2005 I wrote an article about styling a table with CSS. After receiving so many requests I finally decided to give in and write another tutorial. Seems like a popular topic and an interesting one to share some tricks on how you can nicely style them. This article is about the prope

blanc2005 2007/09/11

リンク

Smashing Magazine » Blog Archive » Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby…

AJAX calls do not cover updates from the server, which are needed for the modern real-time and collaborative web. PubSub (as in “publish and subscribe”) is an established messaging pattern that achieves this. In this article, Alexander Gödde will look at precisely how PubSub solves the updating probl em, and he’ll look at one particular solution (the WAMP protocol) that integrates both the calling