出産前後の痔にはご注意!

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

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

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

1.横に並べる方法を教えてください
  (リンクした画像の場合も教えてほしいです)

2.高さを揃えるには?

3.中央に揃えるには?


よろしくお願いします。

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

このQ&Aに関連する最新のQ&A

A 回答 (1件)

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



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

フォトをアップロードすると HTMLタグが表示されます
【例】 <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になります(縦横比は変わらずに)

(3枚を並べるとしたら width="200" 以下かな…)

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

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

それよりも
<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>

の方が使えると思いますよ^^v

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


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

width="700" height="262" に変更してしまったら横長の画像が表示されてしまいます。
    • good
    • 0
この回答へのお礼

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

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

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング