2006年 11月 24日
テーブル (覚書)
慎ちゃん師匠もホームページを開設しよう!
<table>タグの備忘録
テーブルを使ってのデザインは推奨されていませんが
使っていますw
んで、忘れないように覚書しておきます。
環境によって見え方が違うので余り凝らない方が良いと最近思うようになりました。
The simple is best!
タイトル部分で説明
<table summary="ヘッダー" id="header-body">
<tr><td id="header-body-sub">
タイトル
</td></tr></table>
<th>には、<th abbr="見出し説明">を・・・(音声対応)
table { border: 2PX solid #00f; }枠色を共通にする場合
table { border-collapse: collapse; }枠単線
table { border-collapse: separate; }枠重線(現在の環境で規定値みたい)
<style type="text/css">
<!--
#header-body {
width: 800px;
border: 3PX solid #420;
margin: 50px auto 0px;
background: #420;
}
#header-body-sub {
height: 100px;
padding: 30PX 15px 30PX 15px;
letter-spacing: 2px;
text-align: center;
text-valign: top;
background-image: url(../sz/toukay30.png);
}
-->
</style>
width: 800px;
height: 100px;
border-style: dotted;
none(hidden)なしdotted点線dashed破線solid一重線doublo二重線
grooveボーダー凹ridgoボーダー凸inset全体凹outset全体凸
border-width: 2px 5px 3px 1px;
thin細medium普通thick太
border-color: #f00 #0f0 #00f #f0f;
border: 3PX solid #420;(まとめて書けます)
margin: 50px auto 0px;枠外間隔
auto(センターリングできる)
body { margin-top: 0px; text-align: center; }(合わせて使用)
padding: 0px;枠内間隔
text-align: center;
left左center中央right右
text-valign: top;
top上middle中間bottom下
cellspacing→border-spacing(tableへ)
cellpadding→padding(th,tdへ)
background: #420;(バックの色)
background-image: url(画像URL);
気づけば、随時追記していきます。
Commented
by
ビリケン
at 2006-11-24 21:53
x
な、名、なんなねんこれは。
頭痛くならんのですか?
脳みそバ~ん
頭痛くならんのですか?
脳みそバ~ん
0
Commented
by
black-board at 2006-11-24 23:39
こんばんは!(^(●●)^)/
左後頭部に、疼きが有ります・・・とほほ
今日は、癌で亡くなった仲間の話と、親しい仲間が意識不明で入院中だとの話が飛び込んできて、『脳みそバ~ん』です。
唯、坦々と、今日一日を・・・そんな気持ちの今日でした。
左後頭部に、疼きが有ります・・・とほほ
今日は、癌で亡くなった仲間の話と、親しい仲間が意識不明で入院中だとの話が飛び込んできて、『脳みそバ~ん』です。
唯、坦々と、今日一日を・・・そんな気持ちの今日でした。
Commented
at 2006-11-25 12:54
ブログの持ち主だけに見える非公開コメントです。
by black-board
| 2006-11-24 12:31
| あれこれ
|
Trackback
|
Comments(3)