いつもお世話になります。
ブログ内の本文の終わりにに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>
No.2ベストアンサー
- 回答日時:
HTMLの知識はゼロということでよろしいでしょうか?
#1の方が書かれているように<br>というタグは「改行」を行います。
なのでこの<br>タグを削除すればOKです。
以下のサイトのHTMLリファレンスに各タグの詳細が書かれています。
http://www.tohoho-web.com/www.htm
使っているタグは<a>、<img>、<br>の3つだけなので調べるのは特に大変では無いですよ。
ご回答ありがとうございます。
>HTMLの知識はゼロということでよろしいでしょうか?
殆どゼロです・・・。
アドバイスとURL、大変参考になりました。
ありがとうございました。
No.1
- 回答日時:
<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="~の間に改行を入れなければいいのでは?
横幅が足りている限り、自動改行はされないはずです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
FC2ブログで、画像の画面中...
-
A8.netについて
-
魔法のiらんど。
-
ビットマップ(bmp)形式で背景...
-
編集が出来ません(JPEGフ...
-
お札画像の素材集を加工してWeb...
-
ブログでの画像の載せ方
-
gooブログで画像のアップができ...
-
デジカメで撮影した集合写真に...
-
サーブレット/JSPでブラウザの...
-
アイコンとバナーの違いについて
-
ブログの記事画面で、URLをリン...
-
ライブドアブログにバナーを貼...
-
パワーポイントのハイパーリン...
-
FC2ブログの記事内に動画ファイ...
-
gooブログでバナーを貼り付...
-
アメブロのヘッダー画像につい...
-
フォトショップでBMPファイルが...
-
文字を太くしたり、色をつけた...
-
HTML 表の上に文字がきてしま...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
FC2ブログで、画像の画面中...
-
アメブロで画像が拡大表示でき...
-
バナー画像だけ表示されない・・・
-
HTMLプログラミングについて
-
HPに画像をいれる方法?
-
【アメブロ】画像をクリックす...
-
リンク画像を別ウインドウで開...
-
画像の外枠
-
fc2ホームページの画像アップロ...
-
リンク先の画像をテキストボッ...
-
FC2ブログ、画像アップで…
-
FC2ブログに人気ブログランキン...
-
ブログで動く画像
-
アドレスをリンクさせる方法
-
アメブロにスライドショー
-
FC2のバナーの設置について
-
ブログの画像を中心におきたい...
-
編集方法が変わってしまい、写...
-
HP、htmlタグについて
-
gooブログ画像アップロ-ドにつ...
おすすめ情報