画像を横に並べるには？

質問

ブログでアフェリエイトをしたいのですが、画像の横に紹介文を回り込ませたり、また、画像の下に紹介文を入れたものを横に複数並べるにはどうしたら良いでしょうか？tableを使ったところレイアウトがずれてしまいした（忍者ブログを借りています）。

<a href=""><img src="" align="">紹介文</a><br clear"">
<a href=""><img src=""><br>紹介文</a>
まではできます。

回答No.1

noname#202168 · ベストアンサー

「画像とその横に紹介文」と「画像とその下に紹介文」のふたつを横一列に並べたい、ということでしょうか?
(忍者ブログで使えるのかどうかは存じませんが・・。)

<table border=1 align=center Cellpadding="5" Cellspacing="0">
<tr>
<td align=center valign=top>
<a href=""><img src="" align="center" alt=A>Aの紹介文</a></td>
<td align=center>
<a href=""><img src="" align="center" alt=B><br>Bの紹介文</a></td>
</tr>
</table>
(見やすいようにborderは1にしてありますが0にしてください)

お礼

それぞれ別で同じものを複数という意味でした。分かりにくくてすみません。。でもちゃんと表示されました。tableなのに。。。。。私の使い方が悪かったんですねぇ。
ありがとうございます。助かりました！

回答No.5

noname#202168

あ・・・。
再修正です^^; (ゴメンナサイ＞＜)

<div style="float:left;">
<p><a href="" target="_blank">
<img src="" alt="">
紹介文
</a></p>
</div>
<div style="float:left;">
<p><a href="" target="_blank">
<img src="" alt=""><br>
紹介文
</a></p>
</div>

お礼

何度もありがとうございます。
これ単独で使ってよかったのでしょうか？それともNO3さんと合わせてだったのでしょうか？単独で使ったらなぜか二つ目が一行下がってしまいました。。

回答No.4

noname#202168

ANo.3のかた、急いでご回答くださったようですので、
勝手ながらエラー位置を修正しておきますね^^;;

<div style="float:left;">
<p><a href="" target="_blank">
<img src="" alt=""><br>
紹介文
</a></p>
</div>
<div style="float:left;">
<p><a href="" target="_blank">
<img src="" alt=""><br>
紹介文
</a></p>
</div>

回答No.3

xenotactic

<div style="float:left;">
　<a href="">
　　<img src="" alt=""><br>
　　<p>紹介文</p>
　</a>
<div>
<div style="float:left;">
　<a href="">
　　<img src="" alt=""><br>
　　<p>紹介文</p>
　</a>
<div>
<div style="float:left;">
　<a href="">
　　<img src="" alt=""><br>
　　<p>紹介文</p>
　</a>
<div>
<div style="float:left;">
　<a href="">
　　<img src="" alt=""><br>
　　<p>紹介文</p>
　</a>
<div>
<div style="float:left;">
　<a href="">
　　<img src="" alt=""><br>
　　<p>紹介文</p>
　</a>
<div>
<div style="float:left;">
　<a href="">
　　<img src="" alt=""><br>
　　<p>紹介文</p>
　</a>
<div>

でかな？

お礼

ご丁寧にありがとうございました。
しかし縦一列に表示されてしまいました。。。

回答No.2

noname#202168

追記です
align=center
cellpadding=5 cellspacing=0
valign=top
alt=A,B
は必要なければ削除してください