CSS テーブル・表

border-collapseを使って、tableにborderを付けたらFirefoxではtableのサイズが指定した幅より1pxはみ出します。その解決方法。

http://www.webbibo.com/stylesheet/table/collapse-firefox.html

10.01.05

テーブルの行を削除または追加しても、自動的に番号を振り直す方法です。CSSを使った方法とJavascriptを使った方法の2種類を用意しました。

http://www.webbibo.com/stylesheet/table/renban.html

09.08.29

tableとcaptionのmarginはブラウザ間で表示に差異があります。クロスブラウザで表示するにはどうしたらいいのか、調べました。

http://www.webbibo.com/stylesheet/table/caption-margin.html

09.05.30

body等にフォントサイズを指定したら、そのサイズがテーブル内に反映されない問題を解決。

http://www.webbibo.com/stylesheet/table/table_font.html

08.08.03

表の1行目の列幅を決定させることで、表のレンダリング速度を向上させる方法です。

http://www.webbibo.com/stylesheet/table/table_fixed.html

08.04.30

通常、テーブルのセル間は離れて表示されますが、CSSを使って境界線を重ねて表示させる方法です。

http://www.webbibo.com/stylesheet/table/collapse.html

08.04.24

テーブルで1行おきに背景色を変えて見やすくする方法です。行を追加・削除しても1行おきに背景色が変わったままです。Javascriptを使って簡単に実現できます。

http://www.webbibo.com/stylesheet/table/trcolor.html

08.04.22

おすすめCSSサイト

: これからは、賢く楽しくサムネイる。 | swfthumnail; Flashによるサムネイル生成ライブラリです。サイズの縮小だけでなく、特殊効果をつけたり,JavaScriptと連携させることもできます。; 2010/03/09 13:56
: 噂のうわ木の森; 心に「うわ木」が芽生えるかどうかを占ってくれるサイト。twitterと連動させているのも面白い。; 2010/03/07 00:42
: Capital Corporate Communications Sdn Bhd; 折り紙をモチーフとしたサイト。メニューを引っ張ってページに飛ぶアクションがおもしろいです。; 2010/03/04 14:31
: スキンケア大学; トップの黒板のFlashがインパクトあって、かつ情報を巧く伝えようとしている。; 2010/03/01 13:19; もっと見る»