プロが教えるわが家の防犯対策術!

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

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

A 回答 (5件)

「画像とその横に紹介文」と「画像とその下に紹介文」のふたつを横一列に並べたい、ということでしょうか?


(忍者ブログで使えるのかどうかは存じませんが・・。)

<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にしてください)
    • good
    • 0
この回答へのお礼

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

お礼日時:2007/11/04 12:47

あ・・・。


再修正です^^; (ゴメンナサイ><)

<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>
    • good
    • 0
この回答へのお礼

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

お礼日時:2007/11/04 12:53

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>
    • good
    • 0

<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>

でかな?
    • good
    • 0
この回答へのお礼

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

お礼日時:2007/11/04 12:50

追記です


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

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!