質問する
質問を探す 詳しく検索する

お蔵入り

clip!clip!
Ads By Google
ほう

ブログの投稿記事に画像を並べて表示させる
方法を教えてください。

改行せずにそのまま次の画像を
置いても横には並びません。

現状は、中央寄せでたて一列になっていますが、
横に２つづ並べたいのです。

http://urayasu-lovehotel.seesaa.net/category/2049959-1.html
http://urayasu-lovehotel.seesaa.net/category/2049959-1.html
clip


2006-10-12 18:17の質問
この質問は、３０日間解決しなかったために自動的に質問が一旦閉じられました。

回答(2)

1.

2006-10-12 19:19:06
kavalier
面倒ですが<table>に入れるくらいしか思いつきませんでした。

2.

2006-10-12 19:35:13ベター
画像表示のタグに align=left を追加してください．
これを追加すると画像や文字が横に表示されるようになります．

タグの具体例：
<img src="画像1のURL" align="left"><img src="画像2のURL" align="left">
Ads By Google

コメント(5)

コメントする
#1.  ほう
2006-10-13 00:44:42

<iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=hissyoupachis-23...; style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>

が元のＨＴＭＬで他のものも下のようにしたのですが、駄目でした。align="left"を入れる場所が
間違っているのでしょうか？

<iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=hissyoupachis-23...; style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"　align="left"></iframe>

#2.  
2006-10-13 16:14:13

インラインフレームでのamazonの表示ですか．align 属性の指定で実現できると思うのですが．
サンプルを書いてみましたのでこれで試してみてください．

<iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=hissyoupachis-23&o=9&p=8&l=as1&asins=5895776921&fc1=000000&IS2=1&lt1=_blank&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr&npa=1" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" align="left">
</iframe>
<iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=hissyoupachis-23&o=9&p=8&l=as1&asins=5895776921&fc1=000000&IS2=1&lt1=_blank&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr&npa=1" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" align="left">
</iframe>
<br clear="all">

#3.  
2006-10-13 16:14:41

もしくは>>1の回答で書かれている次のようなtableタグで並べることもできます．
tabelタグを使う場合のサンプルです．

<table>
 <td>
  <iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=hissyoupachis-23&o=9&p=8&l=as1&asins=5895776921&fc1=000000&IS2=1&lt1=_blank&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr&npa=1" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0">
 </td>
 <td>
  <iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=hissyoupachis-23&o=9&p=8&l=as1&asins=5895776921&fc1=000000&IS2=1&lt1=_blank&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr&npa=1" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
 </td>
</table>

#4.  ほう
2006-10-14 15:27:36

テーブルタグで画像を並べることはできたのですが、画像と画像の間をもう少し空けるには
どうすればいいでしょうか？
<td>

</td>
を１つめと２つめの画像の間にいれれば
スペースができるとおもったのですが、
駄目みたいです。

よろしく、お願いします。

#5.  まじかる☆スフィー
2006-10-20 19:39:48

>>#4
<iframe　の前に空白を入れればいいと思いますよ。

トラックバック(2)

トラックバック一覧
トラックバックURL: