解決済
写真画像を横並びにしたい。
よくある質問なのですが・・・。似たような質問の回答を見させていただいても、よく理解できず写真画像を横並びにすることができません。どうしたらよいのでしょうか?
2008-05-24 21:33の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(3)
3.
2008-05-25 14:12:24

PICSなんですね。
Powered by PICSのマークが邪魔かも知れません。
Powered by PICSのマークを消して
hspace="5" 間のスペース
align="left" 左よせ
にしています。
横向きの写真を2つ並べるのは横幅が無理そうです。
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...
こちらを引用して書きますと・・・画像の表示は
そちらのURLをメモすればOKです。
そして画像を<table>タグで囲んで下記のようなタグに設定してみてください。
私のブログでは無いですが・・・
詳しく紹介されてるブログがあります。
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">
ただ、横に並べすぎると本文カラムからはみ出すことがありますから、ご注意を!
簡単な方法はコレじゃないかな。
<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" と画像の横幅も指定するといいです。
> の閉じ忘れも注意。


