|
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− ○「文字列」や「画像」、「埋め込みファイル（embed）」を、上のラインを統一する方法を紹介します。 今回は、「埋め込みファイル」＋「文字列」＋「画像」にしました。 ゆっくり楽しんでくださいね！ ＼(^o^)／ ○他にも「baseline」、「text-top」、「text-bottom」、「super」、「sub」の属性がありますが、今回は載せません。 なお、数値の後に「px」、「em」、「ex」の単位をつけて指定してください。 ※Ｗｉｋｉ文法のコードをコピーするには、�，泙採仗Г力箸伐�色の中で文字列を確認し、 �∪萋�の文字から最後の文字まで「ドラック」して、��そこを「右クリック」し、 �ぁ屮灰圈�(C)」をクリックしてください。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ○「上側」のラインを揃える：vertical-align:top; −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 【例文】 ||<#ffffff' colspan=3 style=' padding:0px; width:560px;' ``|| ||<#ffffff' style=' padding:0px; vertical-align:top;' ``[[embed(http://f005.sasurai.com/f005/file/main.swf?uid=bea_nies&fbase=http%3A%2F%2Ff005.sasurai.com%2Ff005,false,150,200)]] ||<#ffffff' style=' padding:0px; vertical-align:top;' ``●Wiki文法の設定だけで行うよりも、HTMLやDHTML、スタイルシート（CSS）、ＪavaScript、Flashを組み合わせて設定した方が面白いと思います。では、そろそろ行きましょうか ＼(^o^)/ ||<#ffffff' style=' padding:0px; vertical-align:top;' ``[[img(http://img.blogs.yahoo.co.jp/ybi/1/f5/8c/bea_nies/home/bea_nies_thumb?1121352362)]]−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 【実際】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ○「真ん中」のラインを揃える：vertical-align:middle; −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 【例文】 ||<#ffffff' colspan=3 style=' padding:0px; width:560px;' ``|| ||<#ffffff' style=' padding:0px; vertical-align:middle;' ``[[embed(http://f005.sasurai.com/f005/file/main.swf?uid=bea_nies&fbase=http%3A%2F%2Ff005.sasurai.com%2Ff005,false,150,200)]] ||<#ffffff' style=' padding:0px; vertical-align:middle;' ``●Wiki文法の設定だけで行うよりも、HTMLやDHTML、スタイルシート（CSS）、ＪavaScript、Flashを組み合わせて設定した方が面白いと思います。では、そろそろ行きましょうか ＼(^o^)/ ||<#ffffff' style=' padding:0px; vertical-align:middle;' ``[[img(http://img.blogs.yahoo.co.jp/ybi/1/f5/8c/bea_nies/home/bea_nies_thumb?1121352362)]]−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 【実際】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ○「下側」のラインを揃える：vertical-align:bottom; −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 【例文】 ||<#ffffff' colspan=3 style=' padding:0px; width:560px;' ``|| ||<#ffffff' style=' padding:0px; vertical-align:bottom;' ``[[embed(http://f005.sasurai.com/f005/file/main.swf?uid=bea_nies&fbase=http%3A%2F%2Ff005.sasurai.com%2Ff005,false,150,200)]] ||<#ffffff' style=' padding:0px; vertical-align:bottom;' ``●Wiki文法の設定だけで行うよりも、HTMLやDHTML、スタイルシート（CSS）、ＪavaScript、Flashを組み合わせて設定した方が面白いと思います。では、そろそろ行きましょうか ＼(^o^)/ ||<#ffffff' style=' padding:0px; vertical-align:bottom;' ``[[img(http://img.blogs.yahoo.co.jp/ybi/1/f5/8c/bea_nies/home/bea_nies_thumb?1121352362)]]−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 【実際】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 以上です m(_ _)m |
|||||||||||||||||||
- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
ふむふむ。なるほど！毎度分かりやすくて感動で〜〜す（T▽T）でも、いつ使える日がくるんだろう･･･。
2006/5/23(火) 午前 10:48
↑同感、同感。いつも、素晴しいって思うけど、いつ、使えるようになるんだろう。
2006/5/23(火) 午後 1:08
...ψ(。。)メモメモ... ぴーにぃさん、('-'*)アリガト♪勉強になります。
2006/5/23(火) 午後 1:17
●かにかくさん＞ 文字列を左右に移動するのが「text-aligh」で、「上下に移動するのが「vertical-align」ですね。これも、面白いでしょ？ ＼(^o^)／
2006/5/23(火) 午後 2:17
●ま〜棒さん＞ 上側を揃えると、きっちりして綺麗になりますよ。まずは、ここでコピーして試してくださいね！ (^_-)r
2006/5/23(火) 午後 2:18
●しんじろうさん＞ ここでコピーして、ゆっくり試してくださいね！ (^_-)r
2006/5/23(火) 午後 2:19
●アキラさん＞ 「vertical-align」も必要なのに、前は書いていなかったから、頑張って書きました。(^_^ゞ
2006/5/23(火) 午後 2:20
●トトロさん＞ ゆっくり試してくださいね！ よろしくです〜 (^_-)r
2006/5/23(火) 午後 2:20
●ちょこママさん＞ はぃ！ もし必要な時があれば、ここでコピーしてくださいね。(^_-)r
2006/5/23(火) 午後 2:21
●ドカンくん＞ もし、記事で何か欲しいものが出来たら、ここでコピーしてくださいね！ (^_^)v
2006/5/23(火) 午後 2:21
●ぶーねこさん＞ 今回は、ま〜棒さんのTopページにアレンジしたいと思って、記事を書きました。(^_^)v
2006/5/23(火) 午後 2:22
●ともさん＞ ゆっくり楽しんで、ゆっくり試してくださいね！ (^_-)r
2006/5/23(火) 午後 2:22
コピーさせていただきました。有難うございました。
2006/5/23(火) 午後 4:54 [ Sonohi ]
●その日さん＞ ここでコピーして、試してくださいね！ そして、皆さんの記事に参考してくれると嬉しいです〜 ＼(^o^)／
2006/5/25(木) 午後 3:49
さすが、びーにぃさん！！この間はゲスブで使わせてもらったので、また、文字の位置を変えてみようかなぁ。。すごく勉強になります！！！
2006/5/26(金) 午前 8:24 [ あだむ ]
●あだむさん＞ ゲストブックは、「センター」のみです。普通の記事だとトップが一番綺麗だと思うので、ここの記事を書きました。あだむさん、ありがとうです〜 ＼(^o^)／
2006/5/26(金) 午後 11:05
（ノ°ο°）ノ オオオオ 何時も本当に勉強になります。後でゆっくり勉強させて下さい。傑作ポチ
2006/5/29(月) 午前 9:42
●ユリさん＞ ちょっと休憩中で遅くなってしまうので、後で見に行きます、、、申し訳ありません〜 (^_^ゞ
2006/5/31(水) 午前 0:31
うぅ〜〜 かなり難しそうだけど、やってみたいなぁ〜（*＾＾） わからなくなったら またお邪魔しますのでおせ〜て下さい♪ （*^^*）
2006/6/11(日) 午後 6:07 [ yuk*791** ]
●ユキさん＞ ここでコピーして、ゆっくり試してくださいね。よろしくです〜 (^_-)r
2006/6/12(月) 午後 5:48