Entries


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

-件のコメント

コメントの投稿

新規

※設定NGワードは『http』です

投稿した内容は管理者にだけ閲覧出来ます

-件のトラックバック

トラックバックURL
http://pugiemonn.blog6.fc2.com/tb.php/1301-9c2c2fd3

html:tableを使うときのメモメモ


以前htmlでtableはレイアウトにもう使わないほうがいいよっていっしー先輩に習いました.そんなわけでtableを使う機会というのは普段ほとんど無いと思います.

しかし,たまーにtableを使いたくなる機会があります.そんなとき,普段使わないものですから,どうやって書いていいか忘れてしまいます.そんなわけで毎回検索するのは面倒なのでメモを書いておきます.

table:
cellspacing="0" cellpadding="0"

テーブルの余計なパディングを消す場合に使います.

th,td:
rowspan="2"/*縦の2つを結合*/
colspan="2"/*横の2つを結合*/

結合する場合に使います.縦に結合した場合,下に行を足してあげます.この辺ちょっと面白い気がします.

table:
table-layout:auto;

テーブルの横幅を固定する場合にはfixedにしてwidthを指定します.autoにしてウマくいった記憶がないような気がします.

table:
border-collapse:collapse;
border-spacing:0;

cellspacingとcellpaddingをスタイルに書く場合はこう書けというお話ですけど以下略,あまり実用的でなかった場合が多かった気がします.paddingもゼロにした方がいいとか色々あったと思います.

おまけ
できるホームページ HTML入門 Windows対応 改訂版(CDROM付)できるホームページ HTML入門 Windows対応 改訂版(CDROM付)
(2007/09/07)
佐藤 和人/できるシリーズ編集部

商品詳細を見る

この本2007年発売なのにレイアウトをテーブルでやるように書いてあるんですよねー.もちろんこのエントリーに書いた様なことは一個も書いていない訳でして,ちょっと内容が古い気がするので,これから勉強したいという人にはあまりおすすめではない気がしました.

0件のコメント

コメントの投稿

新規

※設定NGワードは『http』です

投稿した内容は管理者にだけ閲覧出来ます

0件のトラックバック

トラックバックURL
http://pugiemonn.blog6.fc2.com/tb.php/1301-9c2c2fd3

Appendix

プロフィール

川崎修

  • Author:川崎修
  • インターネット大好き!
    調布周辺で自宅警備してます



    メール:pugiemonn@gmail.com
    skype:pugiemonn
    twilog:Twilog
    mixi:mixi
    facebook:facebook
My Profile by iddy
FC2ブログ

カレンダー

09 | 2017/10 | 11
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -

最近の記事

Twitter

コミュニティ

ブログ内検索

ブロとも申請フォーム

この人とブロともになる

Adsense

月別アーカイブ

はてぶ数

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。