|
※「A」セルの背景色＝#0000ff、「B-1、2」セルの背景色＝#ff00ff、「C-1〜4」セルの背景色＝#ff0000
○１行文 最初に、全体のボックスを「横方向」の「３方向（colspan=3）」で指定します。 今回は、１つずつのセルを少し広げたいので、全体の「width:300px;」を設定します。 そして、改行します。 【例文】 ||<#ffffff' colspan=3 style=' width:300px; padding:0px;' ``||【実際】 ここは、何も見えません。 (^_^; ○２行文 左の行「■A」で「縦方向」を「４方向（rowspan=4）」を設定します。 中の行「■B-1」で「縦方向」を「２方向（rowspan=2）」を設定します。 右の行「■C-1」を設定します。 【例文】 ※１行文＋２行文 ||<#ffffff' colspan=3 style=' width:300px; padding:0px;' ``|| ||<#0000ff' rowspan=4 style=' padding:0px;' ``■A ||<#ff00ff' rowspan=2 style=' padding:0px;' ``■B-1 ||<#ff0000' style=' padding:0px;' ``■C-1【実際】
○３行文 左の行「■A」の「縦方向」→「４方向（rowspan=4）」と、 中の行「■B-1」の「縦方向」→「２方向（rowspan=2）」が設定されていますので、 右の行「■C-2」を設定します。 【例文】 ※１行文〜３行文 ||<#ffffff' colspan=3 style=' width:300px; padding:0px;' ``|| ||<#0000ff' rowspan=4 style=' padding:0px;' ``■A ||<#ff00ff' rowspan=2 style=' padding:0px;' ``■B-1 ||<#ff0000' style=' padding:0px;' ``■C-1 ||<#ff0000' style=' padding:0px;' ``■C-2||【実際】
○４行文 左の行「■A」の「縦方向」→「４方向（rowspan=4）」が設定されていますので、 中の行「■B-2」で「縦方向」を「２方向（rowspan=2）」を設定します。 右の行「■C-3」を設定します。 【例文】 ※１行文〜４行文 ||<#ffffff' colspan=3 style=' width:300px; padding:0px;' ``|| ||<#0000ff' rowspan=4 style=' padding:0px;' ``■A ||<#ff00ff' rowspan=2 style=' padding:0px;' ``■B-1 ||<#ff0000' style=' padding:0px;' ``■C-1 ||<#ff0000' style=' padding:0px;' ``■C-2|| ||<#ff00ff' rowspan=2 style=' padding:0px;' ``■B-2 ||<#ff0000' style=' padding:0px;' ``■C-3【実際】
○５行文 左の行「■A」の「縦方向」→「４方向（rowspan=4）」と、 中の行「■B-2」の「縦方向」→「２方向（rowspan=2）」が設定されていますので、 右の行「■C-4」を設定します。 【例文】 ※１行文〜５行文
||<#ffffff' colspan=3 style=' width:300px; padding:0px;' ``|| ||<#0000ff' rowspan=4 style=' padding:0px;' ``■A ||<#ff00ff' rowspan=2 style=' padding:0px;' ``■B-1 ||<#ff0000' style=' padding:0px;' ``■C-1 ||<#ff0000' style=' padding:0px;' ``■C-2|| ||<#ff00ff' rowspan=2 style=' padding:0px;' ``■B-2 ||<#ff0000' style=' padding:0px;' ``■C-3 ||<#ff0000' style=' padding:0px;' ``■C-4||【実際】
縦の「Aセル」（１セル）、 「B-1セル」と「B-2セル」（２セル）」、 「C-1」と「C-3」（２セル ※セルの最後に ‖ （縦棒×２）は無し！）、 「C-2」と「C-4」（２セル ※セルの最後に ‖ （縦棒×２）が必要！）がポイントでしょうか (^_^)r |
|||||||||||||||||||||||||||||||||||||||
- >
- コンピュータとインターネット
- >
- インターネット
- >
- ホームページ
ひゃぁ〜〜そんな事も出来そうなだけでも、すごいですーーー(><) 楽しみにしてますv(*'-^*)ゞ・'ﾟ☆
2005/10/14(金) 午前 9:30
遅くなりました（まだ途中です）形だけなんですぅ、まだ。。。ひよこの成長楽しみです^^
2005/10/15(土) 午後 1:11 [ mum*20*5_5 ]
まりさん＞ セルの中で写真を入れる方法は、「●「Wiki」の中に、何が入ってる？」（http://blogs.yahoo.co.jp/bea_nies/11018059.html?p=1&pm=l）の記事があります。今、写真や文字を併せて、簡単なボックスを作っている最中ですので、ちょっと待ってくださいね！ (^_^)
2005/10/15(土) 午後 2:13
UOOさん＞ 今、徐々に作成しています。ちょっと待ってくださいね〜！ (^_-)r
2005/10/15(土) 午後 3:41
MUMOさん＞ 「醜いアヒル」みたいに、これからどんどん綺麗になって、白鳥のように羽ばたいてほしいですぅ！（MUMOさんは、もう綺麗ですよ〜！） ＼(^o^)/
2005/10/15(土) 午後 3:43
そうそう！「醜いアヒルの子」がモデル☆きゅ〜〜ん♪もっと言って言って（笑）
2005/10/19(水) 午後 5:55 [ mum*20*5_5 ]
始めまして〜↑MUMOちゃんとこから来ました〜(o^-^o)ﾉふむふむ〜なるほど〜「colspan」と「rowspan」の使い方がわからなったのです！うん、なんとか理解出来そうです。ありがとうございました〜((〃б_-)☆
2005/10/20(木) 午前 11:32
MUMOさん＞ 神秘的でセクシー！ それにしても、やっぱり綺麗ですぅ〜！ (^_^)/
2005/10/20(木) 午後 8:14
CHi-BOさん＞ ボックスのやり方、分かりましたね！ CHi-BOさんの良い記事を、是非見に行きます！ (^_-)r
2005/10/20(木) 午後 8:26
こんばんは〜＾＾これのおかげで、テーブル！何とか出来ましたよ〜ｄ(ﾟ∇⌒+)ﾆｶ!トラバしますね〜♪
2005/10/27(木) 午後 8:05
すみません＾＾;ファン限定記事でした〜♪すみませ〜んﾄﾎﾎ！お世話になったのでお気に登録させてもらいますミ☆(o＿ ＿)o..ヨロシクです♪
2005/10/27(木) 午後 8:12
CHi-BOさん＞ 表組、綺麗にできましたね！ また読んでくださいね！ (^_-)r
2005/10/28(金) 午後 9:07
びーにぃさん、感謝します☆キレイに配列できるんですね♪ボクが勝手にしたのではこうはいきませんでした。ありがとうございます。傑作ポチ☆
2006/9/26(火) 午後 0:48
セルは 教えて戴いてましたが… 説明が解りやすいです コピーさせて下さい m(＿ ＿)m ポッチ
2006/12/26(火) 午後 4:20
●Bukさん＞ 遅くなって、申し訳ありませ〜ん！ m(. .)m
2006/12/28(木) 午後 0:56
●オカン＞ 良く分かりましたね！ ふぅ〜、良かった〜 ＼(^o^)／
2006/12/28(木) 午後 0:56
このセルももう一度、再確認しながら理解できるようになりたいので持ち帰らせていただきます。転載させてください。
2007/9/16(日) 午後 4:36
●くみさん＞ どうぞどうぞ、持って行ってくださいね！ (^_^)v
2007/9/18(火) 午後 1:20
今でも出来るのかな？
遣ってみます！ポチ！
2008/7/23(水) 午前 6:54 [ 無回答 ]
●wakameさん＞ ゆっくり楽しんで、記事に載せてみてくださいね。ぽちっ、有難う御座います〜！ (^_-)-☆
2008/7/23(水) 午後 6:30