解決済

複数の画像を、縦に配置する方法

複数の画像を配置することはできます。
alignタグでrightにして、右側に配置しているのですが、右から左へ『横一列に配置』されます。
右側に『縦一列に配置』するには、どのようにすればいいのでしょうか?

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

回答(2)

2.

2006-04-01 03:48:43ベスト
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr> 
   <td rowspan="5" valign="top"> 本文 </td>
   <td> 
     <div align="right"><img src="画像のアドレス" width="画像の幅" height="画像の高さ"></div>
   </td>
 </tr>
 <tr> 
   <td> 
     <div align="right"><img src="画像のアドレス" width="画像の幅" height="画像の高さ"></div>
   </td>
 </tr>
 <tr> 
   <td> 
     <div align="right"><img src="画像のアドレス" width="画像の幅" height="画像の高さ"></div>
   </td>
 </tr>
 <tr> 
   <td> 
     <div align="right"><img src="画像のアドレス" width="画像の幅" height="画像の高さ"></div>
   </td>
 </tr>
 <tr> 
   <td> 
     <div align="right"><img src="画像のアドレス" width="画像の幅" height="画像の高さ"></div>
   </td>
 </tr>
</table>

例えばなんですけど・・・。
もし右に5つの画像を並べて、左に文を書くとしたら、
↑のようにテーブルを組んで表示すれば文字と画像が
文字は左より・画像は右寄りで表示されます。
あとは自分の画像の数にあったテーブル数に変えていただければ宜しいかと・・・。

的外れな回答だったら申し訳ない(^^;
回答レベル : アドバイス

カスタム初心者さん、ありがとうございます。
的外れではなく、私のしたかったことはこういうことだと思っています。
ただ、私の実力が対応できそうにありません。(T_T)
ありがとうございました。

1.

2006-04-01 01:27:05
<div align="right"><img src="画像のアドレス" width="画像の幅" height="画像の高さ"></div>
<br />
<div align="right"><img src="画像のアドレス" width="画像の幅" height="画像の高さ"></div>
<br />
<div align="right"><img src="画像のアドレス" width="画像の幅" height="画像の高さ"></div>

ではダメでしょうか?
Ads By Google

コメント(5)

2006-03-31 18:54:42

画像のimgタグの後ろに<br/>タグを入れて改行すればいいかと・・・。

2006-04-02 00:10:16

ぅ,解決になってる...
たぶん,横幅だけ固定したdivを作って,img並べるのがベストな方法と思ったりするのですが,まぁ宗教論争かなw

#3.  
2006-04-02 12:06:03

>Noryさん
BESTに選んで頂き有難うございました(^^)
的外れでなくてほっと致しました。
が、どうやら少々難しかったようで申し訳ない。
テーブル組みは慣れるまで難しいですからね(^^;
こういう組み方もあるよってコトで、少しずつまた勉強してください。
習うより馴れろ。
いつか思うように組めるようになると宜しいですね。

>オニキスさん
私のような者の回答で解決してしまって申し訳ないです(^^;

2006-04-02 15:05:45

>>#3
いあいあ質問者が解決と仰ってるのだからNoryさんの回答で正解なのですよ.おつでした.rowspanとか難しいのではないかなとふと思ったので・・・.セルの中のdivは要らないんじゃないかなって思います.

#5.  
2006-04-02 16:18:08

>>#4
あはは
実は私もセル内のdivは要らないかもと思ったんですけどね(^^;
質問が『右寄せ』ってコトだったので、大きさの違う画像である事も考えてとりあえず突っ込んでみただけですから…。
う~ん。でもその場合rightでなくてもcenterのとかの方が見易いかも(・・;
その辺はもうNoryさんのお好みにしてもらうと云う事で(^^;

トラックバック

トラックバックURL: