みなさん、これまでテーブル講座にお付き合いいただき、ありがとうございました。
9回にわたり説明してきたテーブルですが、今回で一度終了します。
細かく言えば、もっと説明すべきことがあるのですが、あまり細かく説明すると、テーブル講座のサイトになってしまうので･･･。
これから先、ネタに困ったら復活するかもしれません。
お小遣いネタを今まで書いていないので、当分はネタには困らないはず･･･。
ということで、第10回のテーブル講座は、
「テーブルの横に文章を回り込ませる」
です。最後の内容としてはあまりインパクトがありませんが、いつかみなさんのお役にたてればと思います。
では早速説明していきます。
9回にわたり説明してきたテーブルですが、今回で一度終了します。
細かく言えば、もっと説明すべきことがあるのですが、あまり細かく説明すると、テーブル講座のサイトになってしまうので･･･。
これから先、ネタに困ったら復活するかもしれません。
お小遣いネタを今まで書いていないので、当分はネタには困らないはず･･･。
ということで、第10回のテーブル講座は、
「テーブルの横に文章を回り込ませる」
です。最後の内容としてはあまりインパクトがありませんが、いつかみなさんのお役にたてればと思います。
では早速説明していきます。
「表を作る！応用編�ぁ．謄�ストの位置を指定する」の中で、セル内のテキスト等の位置を設定する方法を説明しましたね。
実は、これと同じタグを<table>タグの中に入れるだけなんです。
はい。説明終わり。
･･･とはいかないので、もう少し詳しく説明します。
セル内でテキストの位置を指定するタグは覚えていますか？
忘れた方のために
<td align="横位置">
でしたね。これを、セルではなくテーブルに適用させます。
つまり、
<table align="横位置">
となりますよ。
テーブルが左に寄ってますね。
そしてこの文章がテーブルの右に回り込んでいますね。
今度はテーブルが右に寄ってますね。
そしてこの文章がテーブルの左に回り込んでいますね。
<table align="横位置">を使用することで、こういうことができるわけです。
これなら、場合によっては「テーブルの中にテーブルを入れて･･･」とか「文章の部分のセルを結合して･･･」などとする手間が省けますね。
---------------------------
※注意点※
��align="center"は回り込まない
セル内でテキストの位置を指定する時には、align="center"でテキストが中央に寄りましたね。
テーブルでも中央に表示させることは可能ですが、この場合は、テキストが回り込みませんので注意が必要です。
��解除しなければずっと回り込む
テーブルを右か左に寄せた場合、テーブルタグの後に書いた文章が自動的に回り込みます。
ですが、上の例で挙げたように、回り込ませたい文章が短い場合もあるかと思います。
そんなときは、回り込みを解除してあげる必要があります。
回り込みを解除するタグは、
<BR clear="all">
です。
ちょっとわかりにくいかもしれませんので、上に示した例を例に説明します。
上の例のソースは、このようになっています。(*￣Θ￣*) ｵﾊｽﾞｶｼｲ･･･
<TABLE style="border:1px solid" rules="all" align="right">
<TR><TD>＼(*^-^*)／</TD></TR>
<TR><TD>(´▽｀*)</TD></TR>
<TR><TD>(´Д｀)</TD></TR>
<TR><TD>||(-_-；)||||</TD></TR>
<TR><TD>＿|￣|○</TD></TR>
</TABLE>
<BR>
今度はテーブルが右に寄ってますね。<BR>
そしてこの文章がテーブルの左に回り込んでいますね。<BR>
<BR clear="all"> ←ココに注目！
このように、回り込ませたい文章の最後の<BR>に、clear="all"を入れてあげて
<BR clear="all">
とするわけです。
難しくないですね。
---------------------------
これで今回のテーブル講座はおしまい。
みなさん、これまでお付き合いいただき、本当にありがとうございました。
コメントに困ったでしょう（汗
あ、カスタマイズもあるの忘れてた･･･。
どうしようかな･･･
それもまた、そのうち、気が向いたらアップしていきます。
では〜 初心者さんのお役にたてますように〜 (；-人-；) ﾅﾑ･･･
実は、これと同じタグを<table>タグの中に入れるだけなんです。
はい。説明終わり。
･･･とはいかないので、もう少し詳しく説明します。
セル内でテキストの位置を指定するタグは覚えていますか？
忘れた方のために
<td align="横位置">
でしたね。これを、セルではなくテーブルに適用させます。
つまり、
<table align="横位置">
となりますよ。
| ＼(*^-^*)／ |
| (´▽｀*) |
| (´Д｀) |
| ||(-_-；)|||| |
| ＿|￣|○ |
テーブルが左に寄ってますね。
そしてこの文章がテーブルの右に回り込んでいますね。
| ＼(*^-^*)／ |
| (´▽｀*) |
| (´Д｀) |
| ||(-_-；)|||| |
| ＿|￣|○ |
今度はテーブルが右に寄ってますね。
そしてこの文章がテーブルの左に回り込んでいますね。
<table align="横位置">を使用することで、こういうことができるわけです。
これなら、場合によっては「テーブルの中にテーブルを入れて･･･」とか「文章の部分のセルを結合して･･･」などとする手間が省けますね。
---------------------------
※注意点※
��align="center"は回り込まない
セル内でテキストの位置を指定する時には、align="center"でテキストが中央に寄りましたね。
テーブルでも中央に表示させることは可能ですが、この場合は、テキストが回り込みませんので注意が必要です。
��解除しなければずっと回り込む
テーブルを右か左に寄せた場合、テーブルタグの後に書いた文章が自動的に回り込みます。
ですが、上の例で挙げたように、回り込ませたい文章が短い場合もあるかと思います。
そんなときは、回り込みを解除してあげる必要があります。
回り込みを解除するタグは、
<BR clear="all">
です。
ちょっとわかりにくいかもしれませんので、上に示した例を例に説明します。
上の例のソースは、このようになっています。(*￣Θ￣*) ｵﾊｽﾞｶｼｲ･･･
<TABLE style="border:1px solid" rules="all" align="right">
<TR><TD>＼(*^-^*)／</TD></TR>
<TR><TD>(´▽｀*)</TD></TR>
<TR><TD>(´Д｀)</TD></TR>
<TR><TD>||(-_-；)||||</TD></TR>
<TR><TD>＿|￣|○</TD></TR>
</TABLE>
<BR>
今度はテーブルが右に寄ってますね。<BR>
そしてこの文章がテーブルの左に回り込んでいますね。<BR>
<BR clear="all"> ←ココに注目！
このように、回り込ませたい文章の最後の<BR>に、clear="all"を入れてあげて
<BR clear="all">
とするわけです。
難しくないですね。
---------------------------
これで今回のテーブル講座はおしまい。
みなさん、これまでお付き合いいただき、本当にありがとうございました。
コメントに困ったでしょう（汗
あ、カスタマイズもあるの忘れてた･･･。
どうしようかな･･･
それもまた、そのうち、気が向いたらアップしていきます。
では〜 初心者さんのお役にたてますように〜 (；-人-；) ﾅﾑ･･･
この記事へのコメント
これ知りたかったことなの。
とっても勉強になります。
ありがとうございます。
そして今日も応援ポチです。
とっても勉強になります。
ありがとうございます。
そして今日も応援ポチです。
私もこれ知りたかったので助かります。
今度使ってみます♪
今月もよろしくお願いしますね。
ぽちっと☆
今度使ってみます♪
今月もよろしくお願いしますね。
ぽちっと☆
( ´Д｀)ノういーっす！
今回で一旦終了ですかぁ〜
まぁ少しはお小遣いネタ書かないとね♪
おまえが言うなってツッコミは受け付けませんｗ
ってことで、今月もよろしくです♪
( σ´Д｀)σｷﾓｯ
今回で一旦終了ですかぁ〜
まぁ少しはお小遣いネタ書かないとね♪
おまえが言うなってツッコミは受け付けませんｗ
ってことで、今月もよろしくです♪
( σ´Д｀)σｷﾓｯ
こんばんは♪
表の横に文字を表示するのって良く分からなかったんですよね。
とても分かりやすくお勉強になりました。
では、また来ますね。
表の横に文字を表示するのって良く分からなかったんですよね。
とても分かりやすくお勉強になりました。
では、また来ますね。
深夜に失礼します！
うーん、いつ見てもすごいですね！！
表を作成するときに困ったことがあったら、参考にさせてもらいますね！
知らないことが多かったです…。
勉強になりました！！
応援ぽち
うーん、いつ見てもすごいですね！！
表を作成するときに困ったことがあったら、参考にさせてもらいますね！
知らないことが多かったです…。
勉強になりました！！
応援ぽち
ぉはょぉ☆ヽ(≧０・｀)ノふあぁぁぁ…
(*･ω･)(*-ω-)(*･ω･)(*-ω-)ｳﾝｳﾝ♪
これは使えますよねぇ〜
回り込み使ってる人、ほんと少ないもんね＾＾
かゆいトコに手が届くぅ〜って感じo(ﾟｰﾟ*o)
カスタマイズも期待してますねぇ〜(*･ω･)
凸φ(^□^*)ﾉ゛ えいっ
(*･ω･)(*-ω-)(*･ω･)(*-ω-)ｳﾝｳﾝ♪
これは使えますよねぇ〜
回り込み使ってる人、ほんと少ないもんね＾＾
かゆいトコに手が届くぅ〜って感じo(ﾟｰﾟ*o)
カスタマイズも期待してますねぇ〜(*･ω･)
凸φ(^□^*)ﾉ゛ えいっ
とっても参考になりましたよ〜！
どうやったら出来るんだろうって思っていたことなんです。
嬉しいな〜！！
ｒｅｏさん、ありがとうございます！！
どうやったら出来るんだろうって思っていたことなんです。
嬉しいな〜！！
ｒｅｏさん、ありがとうございます！！
このコメントは管理人のみ閲覧できます
2006/11/02(木) 15:30 | | #[ 編集]
こんちゃ〜＾−＾
あっ、なるほど！表の横に文章を書きたいと思っていたところなんです！
勉強になりました＾−＾
では★★
あっ、なるほど！表の横に文章を書きたいと思っていたところなんです！
勉強になりました＾−＾
では★★
予定より長期留守になってしまいましたがやっとネット生活復活しましたっ
これからもまたよろしくお願いします（ぺこりっ
感謝の応援ポチポチッ
これからもまたよろしくお願いします（ぺこりっ
感謝の応援ポチポチッ
すごいなぁ〜＾＾
私もいつか作れるといいな＾＾
５００円で億万・・・・・
_(*_ _)ﾉ彡☆ｷﾞｬﾊ
ポチッン＾＾
私もいつか作れるといいな＾＾
５００円で億万・・・・・
_(*_ _)ﾉ彡☆ｷﾞｬﾊ
ポチッン＾＾
こんばんわ！
２日程倒れてました・・・・
また、今日から頑張ります！
ダッシュでコメント廻りしていますハァハァ・・・
コピペですいません。ぺこ <(＿ ＿)>
応援〜！
２日程倒れてました・・・・
また、今日から頑張ります！
ダッシュでコメント廻りしていますハァハァ・・・
コピペですいません。ぺこ <(＿ ＿)>
応援〜！
深夜徘徊中で〜す
そ〜やって書くのですね〜なるほどです
勉強になりました
さ〜て３連休何しよ〜^^
ではでは☆
そ〜やって書くのですね〜なるほどです
勉強になりました
さ〜て３連休何しよ〜^^
ではでは☆
おはようございます！
わたしのブログの中の記事は、ほとんどテーブルの下に文章が（＾＿＾；）
勉強になりました！
これで明日からテーブルに文章が一ならびになってくれるハズ！笑ｂ
わたしのブログの中の記事は、ほとんどテーブルの下に文章が（＾＿＾；）
勉強になりました！
これで明日からテーブルに文章が一ならびになってくれるハズ！笑ｂ
ぉはょぉ☆ヽ(≧０・｀)ノふあぁぁぁ…
こんな時間に起きちゃった（笑）
今からお出かけなので
コピペでごめんちゃい(o*｡_｡)oﾍﾟｺｯ
凸φ(^□^*)ﾉ゛いい連休を〜
こんな時間に起きちゃった（笑）
今からお出かけなので
コピペでごめんちゃい(o*｡_｡)oﾍﾟｺｯ
凸φ(^□^*)ﾉ゛いい連休を〜
こんばんわ、ビジーと申します。
いろんな所を巡回してます。
ブログランキングでお互い上位に食い込む為の＾＾
ささやかな応援ですがこれからもよろしく
お願いします
ポチっと
いろんな所を巡回してます。
ブログランキングでお互い上位に食い込む為の＾＾
ささやかな応援ですがこれからもよろしく
お願いします
ポチっと
こんばんは♪
土曜はお仕事でしょうか？
う〜ん、連休といいつつ、うまく時間が使えてない自分です。
こりゃまた連休ボケになりそう。。
では、また来ますね。Ｐ
土曜はお仕事でしょうか？
う〜ん、連休といいつつ、うまく時間が使えてない自分です。
こりゃまた連休ボケになりそう。。
では、また来ますね。Ｐ
本日は黄金ネットツアー中です
コメ返信等お気使いなく
参考になることばかりです
また見に来ますね
カッチャ
コメ返信等お気使いなく
参考になることばかりです
また見に来ますね
カッチャ
ご訪問＆コメントありがとうございました。
こちらにうかがうのが遅くなってしまって、いつの事？
と言われそうですが。。。
表作成講座は最終回ですか〜。
まだ表をつくる機会がないのですが、
作るときはこの講座を頼りにします。
また遊びに来ます。 応援ポチッと☆
こちらにうかがうのが遅くなってしまって、いつの事？
と言われそうですが。。。
表作成講座は最終回ですか〜。
まだ表をつくる機会がないのですが、
作るときはこの講座を頼りにします。
また遊びに来ます。 応援ポチッと☆
とっても勉強になりました。ありがとうございます。
またちょくちょく来ますね。
またちょくちょく来ますね。
大変ためになる記事っすね！！
参考になりましたよ。
これから仲良くして下さい。
宜しくお願いします。
相互リンクお願いします。
応援ずばっ！
参考になりましたよ。
これから仲良くして下さい。
宜しくお願いします。
相互リンクお願いします。
応援ずばっ！
はじめまして
ＮＯ．１ランキングって知っていますか？
最近！できたばかりのアフィリエイト＆お小遣いランキングサイトです。
このサイトはできたてホヤホヤのサイトですので今のうちに無料登録すれば上位独占が可能ですよ！
アクセスアップ効果あります♪
無料登録はこちら
↓↓↓↓↓
http://rank-net.jp/nanba-wan/
優良で健全なサイトを目指しております。
何卒、参加宜しくお願いいたします ＜(。_。)＞
ＮＯ．１ランキングって知っていますか？
最近！できたばかりのアフィリエイト＆お小遣いランキングサイトです。
このサイトはできたてホヤホヤのサイトですので今のうちに無料登録すれば上位独占が可能ですよ！
アクセスアップ効果あります♪
無料登録はこちら
↓↓↓↓↓
http://rank-net.jp/nanba-wan/
優良で健全なサイトを目指しております。
何卒、参加宜しくお願いいたします ＜(。_。)＞
2006/11/07(火) 15:36 | URL | ナンバーワンランキング★ #-[ 編集]
こんばんは。
しばらく更新してない？
忙しいのかな？
(σ･∀･)σ
しばらく更新してない？
忙しいのかな？
(σ･∀･)σ
遊びに来ました〜。
また更新楽しみにしています。
また更新楽しみにしています。
( ´Д｀)ノういーっす！
あんまり更新してないと
荒らしちゃうぞぉ〜(=￣▽￣=)Ｖ
( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ
( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ
( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ
( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ
( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ
( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ
( σ´Д｀)σｷﾓｯ
あんまり更新してないと
荒らしちゃうぞぉ〜(=￣▽￣=)Ｖ
( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ
( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ
( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ
( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ
( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ
( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ( ´Д｀)ｷﾓｯ
( σ´Д｀)σｷﾓｯ
こんばんわ！
やっと復活できました〜
温かいコメントのおかげですm(_ _"m)ﾍﾟｺﾘ
今日は、リンクしてくれてる
皆さんのところにコメント廻りしているので
時間が無くコピペで申し訳ございませんm(_ _"m)ﾍﾟｺﾘ
応援！
やっと復活できました〜
温かいコメントのおかげですm(_ _"m)ﾍﾟｺﾘ
今日は、リンクしてくれてる
皆さんのところにコメント廻りしているので
時間が無くコピペで申し訳ございませんm(_ _"m)ﾍﾟｺﾘ
応援！
こんにちは。
今日は報告に参りました！
仕事で１ヶ月ほど、家を離れるので、ブログお休みすることに・・・。
また戻ってきたら再開ししますので、そのときはまたよろしくお願いします！
今日は報告に参りました！
仕事で１ヶ月ほど、家を離れるので、ブログお休みすることに・・・。
また戻ってきたら再開ししますので、そのときはまたよろしくお願いします！
深夜徘徊です
忙しいのかな？^^;
またきま〜す
ではでは☆
忙しいのかな？^^;
またきま〜す
ではでは☆
この記事のトラックバックURL
http://kozukaigetblog.blog52.fc2.com/tb.php/46-0c3b9b39
この記事にトラックバックする(FC2ブログユーザー)
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
