解決済

写真画像を横並びにしたい。

よくある質問なのですが・・・。似たような質問の回答を見させていただいても、よく理解できず写真画像を横並びにすることができません。どうしたらよいのでしょうか?

2008-05-24 21:33の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google

回答(3)

3.

2008-05-25 14:12:24ベスト
PICSなんですね。
Powered by PICSのマークが邪魔かも知れません。
<a href="http://pics.livedoor.com/u/sakuranokimomonoki/3789725" target="_blank"><img src="http://img05.pics.livedoor.com/005/a/4/a466d6109ce58cf4afb4-M.jpg" border="0" alt="CIMG0203" hspace="5" align="left"/></a><a href="http://pics.livedoor.com/u/sakuranokimomonoki/3789730" target="_blank"><img src="http://img04.pics.livedoor.com/004/5/d/5debc4a7a6d15e5512f7-M.jpg" border="0" alt="CIMG0209" hspace="5" align="left"/></a><br clear="all">

Powered by PICSのマークを消して
hspace="5" 間のスペース
align="left" 左よせ
にしています。
横向きの写真を2つ並べるのは横幅が無理そうです。

ありがとうございました。詳しく書いていただいたので、解決できました。

1.

2008-05-25 00:23:09ベター
ブログに貼ることを例にして回答します。
私のブログでは無いですが・・・
詳しく紹介されてるブログがあります。
http://plaza.rakuten.co.jp/nyancolon/diary/2006032...

こちらを引用して書きますと・・・画像の表示は
<img src="画像の場所">
livedoorブログでしたら「ファイルのアップロード」で表示したい画像をアップロードしてから
そちらのURLをメモすればOKです。

そして画像を<table>タグで囲んで下記のようなタグに設定してみてください。
<table border="0" width="600"><tr><td>
<img src="画像1"><img src="画像2"...>
</td></tr></table>
回答レベル : アドバイス

どうも、ありがとうございます。ゆっくり読んで試してみます。

2.

2008-05-25 13:01:44ベター
こんにちは。
簡単な方法はコレじゃないかな。

<img src="画像URL"><img src="画像URL">

上記のようにタグを並べたらOKです。

画像と画像の間に空白を入れたい場合は、タグの間に空白を入れます。
↓こんな感じで空白を入れます。

<img src="画像URL"> <img src="画像URL">

ただ、横に並べすぎると本文カラムからはみ出すことがありますから、ご注意を!
回答レベル : 回答

どうも、ありがとうございます。ゆっくり試してみます。

Ads By Google

コメント(1)

#1.  うさこ
2008-06-05 21:39:05

やはり横向き2つだと幅が広くてサイドが落ちています。(IE6)

<a href="http://pics.livedoor.com/u/sakuranokimomonoki/3810662" target="_blank"><img src="http://img04.pics.livedoor.com/004/5/f/5ffff100adf67fabe0cb-M.jpg" border="0" alt="CIMG0233" hspace="5" align="left" width="230"></a><a href="http://pics.livedoor.com/u/sakuranokimomonoki/3810682" target="_blank"><img src="http://img05.pics.livedoor.com/005/6/0/6052cbf6201dc5e17993-M.jpg" border="0" alt="CIMG0245" hspace="5" align="left" width="230"></a><br clear="all">
のように width="230" と画像の横幅も指定するといいです。
> の閉じ忘れも注意。

トラックバック

トラックバックURL: