- ベストアンサー
リンクのHTMLについて
いつもお世話になります。 ブログ内の本文の終わりににamazonのリンクを貼っているんですが、 複数の商品のHTMLを貼ると、商品画像が縦に並んでしまいます。 横に並べて表示する方法はないのでしょうか。 ブログ本文は30文字で折り返されるので、表示される画像を 横並びに出来る余裕は楽にあります。 初心者なので判りやすくお教えいただければ幸いです。 宜しくお願い致します。 尚、現在は以下のように貼っています。 <a href="http://www.amazon.co.jp/exec/obidos/ASIN/B000067JP6/asociatehelpe-22/ref=nosim" target="_blank" class="ausgangsoft"><img src="http://rcm-images.amazon.com/images/P/B000067JP6.09.MZZZZZZZ.jpg" alt="商品名" border="0" width="160" height="158"></a><br><a href="http://www.amazon.co.jp/exec/obidos/ASIN/B000067JP6/asociatehelpe-22/ref=nosim" target="_blank" class="ausgangsoft">商品名</a> <a href="http://www.amazon.co.jp/exec/obidos/ASIN/B000I6BLAE/asociatehelpe-22/ref=nosim" target="_blank" class="ausgangsoft"><img src="http://rcm-images.amazon.com/images/P/B000I6BLAE.09.MZZZZZZZ.jpg" alt="商品名" border="0" width="113" height="160"></a><br><a href="http://www.amazon.co.jp/exec/obidos/ASIN/B000I6BLAE/asociatehelpe-22/ref=nosim" target="_blank" class="ausgangsoft">商品名</a>
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
HTMLの知識はゼロということでよろしいでしょうか? #1の方が書かれているように<br>というタグは「改行」を行います。 なのでこの<br>タグを削除すればOKです。 以下のサイトのHTMLリファレンスに各タグの詳細が書かれています。 http://www.tohoho-web.com/www.htm 使っているタグは<a>、<img>、<br>の3つだけなので調べるのは特に大変では無いですよ。
その他の回答 (1)
- 345itati
- ベストアンサー率48% (795/1639)
<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="~の間に改行を入れなければいいのでは? 横幅が足りている限り、自動改行はされないはずです。
お礼
ご回答ありがとうございます。 改行を入れなくても改行されてしまうのは、横幅が足りて無いという 理解でいいのでしょうか?
お礼
ご回答ありがとうございます。 >HTMLの知識はゼロということでよろしいでしょうか? 殆どゼロです・・・。 アドバイスとURL、大変参考になりました。 ありがとうございました。