Freepage List
全て
| カテゴリ未分類
| 中華街
| 写真
| バイク
| フリーエージェント（自営業）
| 更新情報
| 中国のお茶
| 楽天ブログ便利帳
| 当選招き
| 粘土でネコ作り
| トピックス
| お出掛け
2005.11.14
テーマ： ホームページ作成の悩み(549)
カテゴリ： 楽天ブログ便利帳
画像・テーブルを左右に寄せる
「挟む」と「埋め込む」の違い。
■ 左に寄せる ■
<Div Align="left">文字・画像・テーブル</Div>
■ 中央に寄せる ■
<center>文字・画像・テーブル</center>
■ 右に寄せる ■
<Div Align="right">文字・画像・テーブル</Div>
寄せる為の、基本タグですね。
タグに埋め込む書き方もあります。
<TABLE Align="right"><TR><TD>★</TD></TR></TABLE>
<img src="アドレス" Align="right">
これでも、画像、テーブルを寄せられます。
この様に「埋め込む」と、ただ「寄る」だけではなく、
「回り込む」 という性質が生まれます。
特別な意図が無い限り、
<Div Align="left">文字・画像・テーブル</Div>
などのタグで、「挟む」ほうが無難です。
「テーブルの中にテーブルを入れる」
というのを使って、配置をしてみます。
■ 寄り具合を調整する為のテーブル ■
まず、テーブルを作り、これを中央に寄せます。
このテーブルは、％指定で、横幅を調整出来る様にします。
横幅を変える事で、左右の寄り具合を調整出来る仕組みです。
<center>
<TABLE width="90%">
<TR><TD>
★
</TD></TR>
</TABLE>
</center>
<TABLE width="90%">
<TR><TD>
★
</TD></TR>
</TABLE>
</center>
数字が大きい程、テーブルが横に伸び、寄りが大きくなります。
■ テーブルを右に寄せる ■
真ん中に寄せたテーブルの中に、またテーブルを作ります。
中のテーブルは、右に寄せます。
<Div Align="right">
<TABLE>
<TR><TD>
★
</TD></TR>
</TABLE>
</Div>
<TABLE>
<TR><TD>
★
</TD></TR>
</TABLE>
</Div>
■ 「額縁」と「コメント」は、中央に寄せる ■
<center>
<table border="4" bordercolorlight="#f5e5ed" bgcolor="#ffaed6" bordercolordark="#e887b8">
<tr><td>
<IMG src="アドレス">
<tr><td>
</table>（改行）
花ハート
</center>
<tr><td>
<IMG src="アドレス">
<tr><td>
</table>（改行）
花ハート
</center>
■ 結果 ■
テーブルは、見易く枠線を表示しています。
花ハート
<center>
<TABLE width="90%">
<TR><TD>
<Div Align="right">
<TABLE>
<TR><TD>
<center>
<table border="4" bordercolorlight="#f5e5ed" bgcolor="#ffaed6" bordercolordark="#e887b8">
<tr><td>
<IMG src="アドレス">
</td></tr>
</table>（改行）
花ハート
</center>
</TD></TR>
</TABLE>
</Div>
</TD></TR>
</TABLE>
</center>
<TABLE width="90%">
<TR><TD>
<Div Align="right">
<TABLE>
<TR><TD>
<center>
<tr><td>
<IMG src="アドレス">
</td></tr>
</table>（改行）
花ハート
</center>
</TD></TR>
</TABLE>
</Div>
</TD></TR>
</TABLE>
</center>
ＴＯＰページ、フリーページの【自動改行なし＜ＢＲ＞】では、このままコピーして使えます。
【自動改行】、【日記】では、（改行）という所以外は、改行しないで、
<TABLE><TR><TD>★</TD></TR></TABLE>という様に、一気に並べて下さい。
【ブログランキング】
今日もクリック（投票）してニャ＾＾
ここ
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
【写 真 集】 【中 華 街】
【楽天ブログ便利帳】
「色見本帳・カラーチャート」
「タグ帳」 「画像置き場」 「便利ソフト」
「楽天ブログQ&A よくある質問」 「ホームページ スペース」
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
お気に入りの記事を「いいね！」で応援しよう
[楽天ブログ便利帳] カテゴリの最新記事
-
【図で解説】 動画置き場 容量無制限 『As… 2006.12.07 コメント(8)
-
【動画】 背伸び してでも 2006.12.06 コメント(15)
ほお、ほお
marieve
さん
読みだけはできます（^-^;)
しかし・・・その先が・・・（Ｔ△Ｔ）
先日ひめのお写真届きましたでしょうか？？
あれからも家にいる間は携帯片手に猫を追っている毎日です・・・（＾m^) (2005.11.15 07:01:00)
しかし・・・その先が・・・（Ｔ△Ｔ）
先日ひめのお写真届きましたでしょうか？？
あれからも家にいる間は携帯片手に猫を追っている毎日です・・・（＾m^) (2005.11.15 07:01:00)
★ marieveさん へ
spiky09
さん
●読みだけはできます（^-^;)
しかし・・・その先が・・・（Ｔ△Ｔ）
★テーブルのタグは、ひっじょ～に長いですね。
なんだかプログラムみたいに感じます。
基本が分かれば、後は応用なので、簡単です。
でも、その基本が分かるまでに時間が掛かりますね。
簡単なのから ちょこちょこ使って、見慣れると、
使い勝手の良い、デザインの強い味方です。
●先日ひめのお写真届きましたでしょうか？？
あれからも家にいる間は携帯片手に猫を追っている毎日です・・・（＾m^)
★届きましたよ～。
見た瞬間、笑ってしまいました。
（追い掛けられてたんだろうなぁ）ってｗｗｗ
(2005.11.15 07:23:57)
しかし・・・その先が・・・（Ｔ△Ｔ）
★テーブルのタグは、ひっじょ～に長いですね。
なんだかプログラムみたいに感じます。
基本が分かれば、後は応用なので、簡単です。
でも、その基本が分かるまでに時間が掛かりますね。
簡単なのから ちょこちょこ使って、見慣れると、
使い勝手の良い、デザインの強い味方です。
●先日ひめのお写真届きましたでしょうか？？
あれからも家にいる間は携帯片手に猫を追っている毎日です・・・（＾m^)
★届きましたよ～。
見た瞬間、笑ってしまいました。
（追い掛けられてたんだろうなぁ）ってｗｗｗ
(2005.11.15 07:23:57)
おはようございます
ミ☆mami☆彡
さん
ありがとうございます
基本をしっかりマスターしないとダメですね
一つ一つは、なんとなく分かるのですが
合わさると・・・(＠Д＠;です。
まだ暫くは、Let'sコピペッタンで・・・(;^_^A アセアセ・・・ (2005.11.15 08:51:32)
基本をしっかりマスターしないとダメですね
一つ一つは、なんとなく分かるのですが
合わさると・・・(＠Д＠;です。
まだ暫くは、Let'sコピペッタンで・・・(;^_^A アセアセ・・・ (2005.11.15 08:51:32)
Re:【解説】 寄せる の違い(11/14)
ｍａｙｕ504
さん
情けないことに・・・読んでも理解できないです(>_<)！！
会社の人は『へ～、なるほどね！！』って言ってるのにｍａｙｕは解らないのです(￣∇￣)ゞ
早く解るようになりたいなぁ～☆ (2005.11.15 14:35:01)
会社の人は『へ～、なるほどね！！』って言ってるのにｍａｙｕは解らないのです(￣∇￣)ゞ
早く解るようになりたいなぁ～☆ (2005.11.15 14:35:01)
こんにちは♪
eva0725
さん
テーブルタグって難しいですよねぇ
でも頑張ってマスターしたいです。
そうすれば画像の処理とかももっと綺麗に出来るよね!!
基本のはなんとなく分かってるつもりなんですけど、自分で作るとなるとなかなか･･･
簡単なのでついコピベでペッタンと･･･
これではいつまでたっても覚えられないはずです･･･ (2005.11.15 15:39:05)
でも頑張ってマスターしたいです。
そうすれば画像の処理とかももっと綺麗に出来るよね!!
基本のはなんとなく分かってるつもりなんですけど、自分で作るとなるとなかなか･･･
簡単なのでついコピベでペッタンと･･･
これではいつまでたっても覚えられないはずです･･･ (2005.11.15 15:39:05)
Re:【解説】 寄せる の違い(11/14)
花鳥風月５２２
さん
すごいですね！！こういうことをちゃんと、文字で
説明できるなんて、もぅ尊敬です☆☆☆
私なんて、まだまだ、使えないけれど、いつか
自分で撮った写真をこうやって、自由にデザイン
できたらいいなぁ♪って思います・・・
（でもその前に、デジカメ買わなきゃ(;_;)）
(2005.11.15 21:29:23)
説明できるなんて、もぅ尊敬です☆☆☆
私なんて、まだまだ、使えないけれど、いつか
自分で撮った写真をこうやって、自由にデザイン
できたらいいなぁ♪って思います・・・
（でもその前に、デジカメ買わなきゃ(;_;)）
(2005.11.15 21:29:23)
★ ミ☆mami☆彡さん へ
spiky09
さん
●ありがとうございます
基本をしっかりマスターしないとダメですね
一つ一つは、なんとなく分かるのですが
合わさると・・・(＠Д＠;です。
まだ暫くは、Let'sコピペッタンで・・・(;^_^A アセアセ・・・
★使っていく内に、見慣れて来ます。
まずは、色々と試してみると良いと思います。
見慣れると、タグの仕組みが、自然と理解出来る様になります。
かなりの頻度でテーブルを使いますが、
何度使っても、単純なミスをします。
それだけ ややこしいタグ、という事だと思います。
なるべくコピーして使える様に書いて行きます。
額縁シリーズのページなんかも作る計画ですので、お楽しみに＾＾
(2005.11.16 05:46:20)
基本をしっかりマスターしないとダメですね
一つ一つは、なんとなく分かるのですが
合わさると・・・(＠Д＠;です。
まだ暫くは、Let'sコピペッタンで・・・(;^_^A アセアセ・・・
★使っていく内に、見慣れて来ます。
まずは、色々と試してみると良いと思います。
見慣れると、タグの仕組みが、自然と理解出来る様になります。
かなりの頻度でテーブルを使いますが、
何度使っても、単純なミスをします。
それだけ ややこしいタグ、という事だと思います。
なるべくコピーして使える様に書いて行きます。
額縁シリーズのページなんかも作る計画ですので、お楽しみに＾＾
(2005.11.16 05:46:20)
★ ｍａｙｕ504さん へ
spiky09
さん
●情けないことに・・・読んでも理解できないです(>_<)！！
会社の人は『へ～、なるほどね！！』って言ってるのにｍａｙｕは解らないのです(￣∇￣)ゞ
早く解るようになりたいなぁ～☆
★ほんとほんと！ ただの英数字ですよね。
使ってみて、見慣れて来て、それぞれの役割が飲み込めて来ると、
これを見て、どの様に表示されるか分かる様になります。
今はデジカメに切り替わったし、写真を紙焼きにする人が減りましたが、
昔は、ネガを見れば、どんな写真になるか分かる人が、けっこう居ました。
あんな人の顔がオバケに見えるものを見て、
カラフルな絵が、頭の中でイメージ出来るんですから、ちょっと変人です。
タグも、そんな様なもんです。
分かる人が変人なんです。笑
言い方を変えると、
使い慣れて、見慣れると、結果がどうなるか、イメージ出来る様になります。
タグも、まさしく、そおいう世界なのではないでしょうか。
（あぁ綺麗だなぁ）、（面白いなぁ）と思うページでも、
製作段階では、ただのネガです。オバケです。
猫の写真が撮れないので、
また今日もオバケを紹介してしまいました。＾＾；
(2005.11.16 05:53:33)
会社の人は『へ～、なるほどね！！』って言ってるのにｍａｙｕは解らないのです(￣∇￣)ゞ
早く解るようになりたいなぁ～☆
★ほんとほんと！ ただの英数字ですよね。
使ってみて、見慣れて来て、それぞれの役割が飲み込めて来ると、
これを見て、どの様に表示されるか分かる様になります。
今はデジカメに切り替わったし、写真を紙焼きにする人が減りましたが、
昔は、ネガを見れば、どんな写真になるか分かる人が、けっこう居ました。
あんな人の顔がオバケに見えるものを見て、
カラフルな絵が、頭の中でイメージ出来るんですから、ちょっと変人です。
タグも、そんな様なもんです。
分かる人が変人なんです。笑
言い方を変えると、
使い慣れて、見慣れると、結果がどうなるか、イメージ出来る様になります。
タグも、まさしく、そおいう世界なのではないでしょうか。
（あぁ綺麗だなぁ）、（面白いなぁ）と思うページでも、
製作段階では、ただのネガです。オバケです。
猫の写真が撮れないので、
また今日もオバケを紹介してしまいました。＾＾；
(2005.11.16 05:53:33)
★ eva0725さん へ
spiky09
さん
●テーブルタグって難しいですよねぇ
でも頑張ってマスターしたいです。
★難しいですねぇ。
基本が分かると、後は比較的 楽にステップアップ出来ます。
しかし、その基本が理解出来るまでが大変ですね。
なんせタグの分かり難い部分の寄せ集めですもんね。
まず、見慣れる事がコツだと思います。
単純なタグからでも、使って行くと、見慣れて来ます。
そうすると、タグの役割が見えて来ます。
●そうすれば画像の処理とかももっと綺麗に出来るよね!!
基本のはなんとなく分かってるつもりなんですけど、自分で作るとなるとなかなか･･･
簡単なのでついコピベでペッタンと･･･
これではいつまでたっても覚えられないはずです･･･
★テーブルタグは、落とし穴だらけですもんね。＾＾；
かなりの頻度で使っていますが、毎回単純なミスをします。
仕組みが分かっていても、こんなもんです。
失敗してでも挑戦する価値はありますね。
おっしゃる様に、やはり、レイアウト、デザインには、
テーブルタグは欠かせませんもんね。
私もミスの多い、中級者です。
紹介しならが、私も勉強しています。
一緒に頑張っていきましょう。
(2005.11.16 06:07:18)
でも頑張ってマスターしたいです。
★難しいですねぇ。
基本が分かると、後は比較的 楽にステップアップ出来ます。
しかし、その基本が理解出来るまでが大変ですね。
なんせタグの分かり難い部分の寄せ集めですもんね。
まず、見慣れる事がコツだと思います。
単純なタグからでも、使って行くと、見慣れて来ます。
そうすると、タグの役割が見えて来ます。
●そうすれば画像の処理とかももっと綺麗に出来るよね!!
基本のはなんとなく分かってるつもりなんですけど、自分で作るとなるとなかなか･･･
簡単なのでついコピベでペッタンと･･･
これではいつまでたっても覚えられないはずです･･･
★テーブルタグは、落とし穴だらけですもんね。＾＾；
かなりの頻度で使っていますが、毎回単純なミスをします。
仕組みが分かっていても、こんなもんです。
失敗してでも挑戦する価値はありますね。
おっしゃる様に、やはり、レイアウト、デザインには、
テーブルタグは欠かせませんもんね。
私もミスの多い、中級者です。
紹介しならが、私も勉強しています。
一緒に頑張っていきましょう。
(2005.11.16 06:07:18)
★ 花鳥風月５２２さん へ
spiky09
さん
●すごいですね！！こういうことをちゃんと、文字で
説明できるなんて、もぅ尊敬です☆☆☆
私なんて、まだまだ、使えないけれど、いつか
自分で撮った写真をこうやって、自由にデザイン
できたらいいなぁ♪って思います・・・
（でもその前に、デジカメ買わなきゃ(;_;)）
★私もデジカメ欲しい＾＾；
全て携帯で撮った写真を使ってます。
テーブルタグは、デザイン、レイアウトには、欠かせないタグですね。
花鳥風月さんのホームページも、テーブルタグでデザインされています。
テンプレートを手書きで書き加えてホームページを作るとは、
本当に驚きです。無謀とも言えます＾＾；
それを、立派にサイトとして立ち上げたのですから、脱帽です。
思うのですが、タグなんて、要するに、望んだ結果になれば良いのですよね。
意味を理解する必要なんてないと思います。
あちこちから部品をかき集めて、思った通りのデザインになれば良いのですから。
花鳥風月さんの日記、大変参考になります。
私はいままで、タグの理解の助けになれば、と、
色んなタグを紹介して来ました。
しかし、ちょっと路線を変える事にしました。
すぐ使える道具箱、といった路線で行こうと思います。
それに付随して、解説なり、説明を書こうと思います。
いや、それ以前に「猫と中華街」のページだったはずなんですけどね＾＾；
路線から外れ過ぎた様です。笑
(2005.11.16 06:37:21)
説明できるなんて、もぅ尊敬です☆☆☆
私なんて、まだまだ、使えないけれど、いつか
自分で撮った写真をこうやって、自由にデザイン
できたらいいなぁ♪って思います・・・
（でもその前に、デジカメ買わなきゃ(;_;)）
★私もデジカメ欲しい＾＾；
全て携帯で撮った写真を使ってます。
テーブルタグは、デザイン、レイアウトには、欠かせないタグですね。
花鳥風月さんのホームページも、テーブルタグでデザインされています。
テンプレートを手書きで書き加えてホームページを作るとは、
本当に驚きです。無謀とも言えます＾＾；
それを、立派にサイトとして立ち上げたのですから、脱帽です。
思うのですが、タグなんて、要するに、望んだ結果になれば良いのですよね。
意味を理解する必要なんてないと思います。
あちこちから部品をかき集めて、思った通りのデザインになれば良いのですから。
花鳥風月さんの日記、大変参考になります。
私はいままで、タグの理解の助けになれば、と、
色んなタグを紹介して来ました。
しかし、ちょっと路線を変える事にしました。
すぐ使える道具箱、といった路線で行こうと思います。
それに付随して、解説なり、説明を書こうと思います。
いや、それ以前に「猫と中華街」のページだったはずなんですけどね＾＾；
路線から外れ過ぎた様です。笑
(2005.11.16 06:37:21)
【毎日開催】
15記事にいいね！で1ポイント
PR
spiky09
横浜中華街 お勧めの「お店」や「商品」を紹介。 中華街に住むネコの写真も載せています。
© Rakuten Group, Inc.
