楽天ブログで画像を横に並べて表示するには？

楽天ブログをやっていますが
画像を横に数枚並べて表示する方法がわかりません。

align="left"　などを使うみたいですが、使い方がよくわかりません。

・一度使ってみましたが、高さがズレてしまいました。
・並べたうえで中央に揃えたいのですが、どうすればいいんでしょうか？

１．横に並べる方法を教えてください
　　（リンクした画像の場合も教えてほしいです）

２．高さを揃えるには？

３．中央に揃えるには？


よろしくお願いします。

また、参考になるサイトがあれば教えてください

No.1 ベストアンサー 回答者： gpw-berry 回答日時： 2008/04/15 07:15

フォトをアップロードで　アップロードしてください

日記の入力と　フォトのアップロードの　二つのウィンドウを開いておくと
判りやすいのですが。

フォトをアップロードすると　ＨＴＭＬタグが表示されます
【例】 <img src="http://image.space.rakuten.co.jp/**01/94/0000197 … width="350" height="262" alt="0804**">
__という形です
このタグを日記入力欄に貼り付けると写真が張り付きます

横に並べて貼る場合は
<img ～中略～　 alt="0804*1"> <img ～中略～　 alt="0804*2"> <img ～中略～　 alt="0804*3">

縦に並べる場合は
<img ～中略～　 alt="0804*1">
<img ～中略～　 alt="0804*1">
<img ～中略～　 alt="0804*1">

です。

写真のサイズですが　タグの中の【例】　width="350" height="262" が
画像のサイズです
もとのサイズがもし　width="1000" height="500" だったとしても
width="350"　と書くことで　横幅350になります（縦横比は変わらずに）

（３枚を並べるとしたら　width="200" 以下かな…）

高さをあわせたいのなら（横幅も考えてくださいね）、貼り付けた画像全部について　それぞれ　height="300"とか　数字をあわせてしまえばＯＫです

align="left"　は使わなくて大丈夫。
タグの並べ方だけでＯＫですよ！

それよりも
<center>
<img ～中略～　 alt="0804*1"> <img ～中略～　 alt="0804*2"> <img ～中略～　 alt="0804*3"></center>

<center>
<img ～中略～　 alt="0804*1">
<img ～中略～　 alt="0804*2">
<img ～中略～　 alt="0804*3"></center>

の方が使えると思いますよ＾＾ｖ

表示される日記の枠の中央に寄ります
align="left"　だと　全体を左寄せってことです。
（何も指定しなくても左寄せなので意味無いですし）


※width="350" height="262"　は　width　か　 heightのどちらかの数字を修正したら　もう一方は消してください

width="700" height="262"　に変更してしまったら横長の画像が表示されてしまいます。

この回答へのお礼

できました～
ありがとうございます

お礼日時：2008/04/15 10:02