○コラムの縦方向を設定する。
・縦組の例（「rowspan（HTML）」と「style（スタイルシート）」を設定する）
【例１】
||<#FFFFFF' style=' padding:0px'``||
||<#00FFFF' rowspan=3 style=' padding:5px; vertical-align:top'``上揃え
||<#FF00FF' rowspan=3 style=' padding:5px; vertical-align:middle'``中揃え
||<#FFFF00' rowspan=3 style=' padding:5px; vertical-align:bottom'``下揃え
||<#AAAAAA' style=' padding:5px'``１−１
||<#AAAAAA' style=' padding:5px'``１−２
||<#AAAAAA' style=' padding:5px'``１−３
||<#AAAAAA' style=' padding:5px'``１−４
||<#FFFFFF' style=' padding:0px'``||
||<#AAAAAA' style=' padding:5px'``２−１
||<#AAAAAA' style=' padding:5px'``２−２
||<#AAAAAA' style=' padding:5px'``２−３
||<#AAAAAA' style=' padding:5px'``２−４
||<#FFFFFF' style=' padding:0px'``||
【実際２】
|
上揃え
| 中揃え
| 下揃え
| １−１
| １−２
| １−３
| １−４
| |
２−１
| ２−２
| ２−３
| ２−４
| |
○コラムの横と縦を、同時に設定する。
・表組の例（「colspan、rowspan（HTML）」と「style（スタイルシート）」を設定する）
【例２】
||<#FFFFFF' style=' padding:0px'``||
||<#AAAAAA' rowspan=5 style=' width:110px; padding:0px; text-align=center; vertical-align:mid; color:#FFFFFF'``パソコン
||<#00FFFF' colspan=2 style=' width:150px; padding:3px; text-align:center'``Ｔ社
||<#FF00FF' colspan=2 style=' width:150px; padding:3px; text-align:center'``Ｓ社
||<#FFFF00' colspan=2 style=' width:150px; padding:3px; text-align:center'``Ｉ社
||<#FFFFFF' style=' padding:0px'``||
||<#AAFFFF' style=' width:75px; padding:3px; text-align:center'``d*book-01
||<#AAFFFF' style=' width:75px; padding:3px; text-align:center'``d*book-02
||<#FFAAFF' style=' width:75px; padding:3px; text-align:center'``v*io-01
||<#FFAAFF' style=' width:75px; padding:3px; text-align:center'``v*io-02
||<#FFFFAA' style=' width:75px; padding:3px; text-align:center'``T*Pat-01
||<#FFFFAA' style=' width:75px; padding:3px; text-align:center'``T*Pat-02
||<#FFFFFF' style=' padding:0px'``||
||<#AAFFFF' style=' padding:3px 5px; text-align:right'``00000円
||<#AAFFFF' style=' padding:3px 5px; text-align:right'``000000円
||<#FFAAFF' style=' padding:3px 5px; text-align:right'``00000円
||<#FFAAFF' style=' padding:3px 5px; text-align:right'``000000円
||<#FFFFAA' style=' padding:3px 5px; text-align:right'``00000円
||<#FFFFAA' style=' padding:3px 5px; text-align:right'``000000円
||<#FFFFFF' style=' padding:0px'``||
【実際２】
|
パソコン
| Ｔ社
| Ｓ社
| Ｉ社
| |
d*book-01
| d*book-02
| v*io-01
| v*io-02
| T*Pat-01
| T*Pat-02
| |
00000円
| 000000円
| 00000円
| 000000円
| 00000円
| 000000円
| |
記事作成 作者
●びーにぃ© : http://blogs.yahoo.co.jp/bea_nies
|
次はこれを勉強したいとおもいますｖｖ
2005/7/2(土) 午前 1:47
こんばんわｖｖびーにぃさん！ 今日も勉強しますｖｖ
2005/7/2(土) 午後 7:49
まだまだ勉強しないとって感じですｖｖがんばりますｖｖ
2005/7/6(水) 午前 2:52
また面白い設定を書きますので、また見てくださいね (^_^)v
2005/7/6(水) 午後 9:29
おはようございますｖｖびーにぃさん！はいｖｖまたみにきますね＾＾ｖｖ
2005/7/14(木) 午前 10:38
ここも勉強しないとｖｖ
2005/7/21(木) 午後 10:16
すごーく参考になりましたので転載させていただきました。 また覗きにこさせていただきます。
2005/7/22(金) 午前 11:04 [ - ]
びーにぃさん、ご無沙汰してます♪今日はちょと「表」を作りたいんです〜。あんなに２０行くらい書くのぉ？って怖気つきますが（笑）
2005/9/6(火) 午前 6:54 [ mum*20*5_5 ]
ふぁんさん ＞ありゃりゃ！ 私って前に「最新のコメント」を作らなかったので、忘れてしまいました。ごめんなさぃ！ m(_ _)m 今度、行きますね (^_^;
2005/9/6(火) 午後 2:24
MUMOさんへ ＞遅くなってすみませ〜ん！ いろいろ、やらなきゃダメなことがあって、、、なので、これから行きま〜す！ (^_^;
2005/9/6(火) 午後 2:56
はじめまして
Wikiで表を作成するときに参考にさせていただきました。
分かり易く書いてあって大変助かりました。
ありがとうございます。
2009/2/22(日) 午前 0:35 [ タケシ ]
●タケシさん＞
記事、見に行きました。
ちゃんと綺麗に作りましたね。
おめでとう御座います〜！ ＼(^o^)／
2009/2/22(日) 午後 0:13
こんばんは⌒
簡単な表を作りたくて、今まで一度も作ったことが無いので、
とりあえず、転載させて下さい。ﾎﾟﾁｯ凸
2009/4/26(日) 午後 11:48
●ひまわりさん＞
簡単な表なので、
楽しんで試してくださいね。
ぽち、有難う御座います〜！ (^_^)v
2009/4/27(月) 午前 10:13