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

質問

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

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

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

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

２．高さを揃えるには？

３．中央に揃えるには？

よろしくお願いします。

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

回答No.1

noname#61576 · ベストアンサー

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

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

フォトをアップロードすると　ＨＴＭＬタグが表示されます
【例】 <img src="http://image.space.rakuten.co.jp/**01/94/00001972**/**/imge12345abcde.jpeg" 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"　に変更してしまったら横長の画像が表示されてしまいます。

お礼

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