【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集

いつもお世話になります。
ブログ内の本文の終わりににamazonのリンクを貼っているんですが、
複数の商品のHTMLを貼ると、商品画像が縦に並んでしまいます。
横に並べて表示する方法はないのでしょうか。
ブログ本文は30文字で折り返されるので、表示される画像を
横並びに出来る余裕は楽にあります。
初心者なので判りやすくお教えいただければ幸いです。
宜しくお願い致します。
尚、現在は以下のように貼っています。

<a href="http://www.amazon.co.jp/exec/obidos/ASIN/B000067 … target="_blank" class="ausgangsoft"><img src="http://rcm-images.amazon.com/images/P/B000067JP6 … alt="商品名" border="0" width="160" height="158"></a><br><a href="http://www.amazon.co.jp/exec/obidos/ASIN/B000067 … target="_blank" class="ausgangsoft">商品名</a>
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/B000I6B … target="_blank" class="ausgangsoft"><img src="http://rcm-images.amazon.com/images/P/B000I6BLAE … alt="商品名" border="0" width="113" height="160"></a><br><a href="http://www.amazon.co.jp/exec/obidos/ASIN/B000I6B … target="_blank" class="ausgangsoft">商品名</a>

A 回答 (2件)

HTMLの知識はゼロということでよろしいでしょうか?


#1の方が書かれているように<br>というタグは「改行」を行います。
なのでこの<br>タグを削除すればOKです。

以下のサイトのHTMLリファレンスに各タグの詳細が書かれています。
http://www.tohoho-web.com/www.htm

使っているタグは<a>、<img>、<br>の3つだけなので調べるのは特に大変では無いですよ。
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます。
>HTMLの知識はゼロということでよろしいでしょうか?
殆どゼロです・・・。

アドバイスとURL、大変参考になりました。
ありがとうございました。

お礼日時:2006/12/07 15:30

<a href="

http://*****" target="_blank"><img src="http://*****" alt="商品名" border="0" width="160" height="158"></a><a href="http://*****" target="_blank"><img src="http://*****" alt="商品名" border="0" width="160" height="158"></a><a href="http://*****" target="_blank"><img src="http://*****" alt="商品名" border="0" width="160" height="158"></a>

</a>と次のリンクの<a href="~の間に改行を入れなければいいのでは?
横幅が足りている限り、自動改行はされないはずです。
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます。
改行を入れなくても改行されてしまうのは、横幅が足りて無いという
理解でいいのでしょうか?

お礼日時:2006/12/07 15:14

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


おすすめ情報