重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら>

【GOLF me!】初月無料お試し

instagramをサイトに表示させたく、jquery instagramを利用して表示まではこぎつけましたが
写真が縦に表示されます。横表示もしくはしっかりレイアウトするにはどうしたらよいでしょうか。
検索しても、なかなか出てこないため質問させて頂きました。
コードを記載して頂けたらすごくありがたいです。どうぞよろしくお願い致します。

A 回答 (1件)

jQuery instagramはまったく存じませんが、すでに表示できているとのことですので、javascriptの問題というより、HTML、CSSの問題ではないのでしょうか?



想像するところ、画像がリストやdiv要素のようなブロック要素内に設定されているのではないでしょうか?
設置例のデモで見てみると
<div>
 <a href="~~">
  <img src="~~">
 </a>
</div>
のようになっていましたので、何の指定もなければ、ご質問のように縦並びで表示されると思います。

横並びになさりたいのであれば、float:leftやdisplay:inline等を指定すればよいのではないでしょうか?(未検証です)

<CSSで要素を横並びにする方法まとめ>
 https://www.halawata.net/2011/10/css-float-displ …
    • good
    • 0
この回答へのお礼

ありがとうございました!

お礼日時:2016/03/01 18:44

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