サポート » 使い方全般 » 複数を画像一列に並べる時、左右にぴったり合わせる方法

複数を画像一列に並べる時、左右にぴったり合わせる方法

  • ishikoro

    (@ishikoro)


    11年、 11ヶ月前

    こんにちは。

    テーマはOxygenを使っております。

    http://demo.alienwp.com/oxygen/

    この右のスライドを大きくして配置しました。そうすると、下のサムネイル画像がスライド画像の左右ぴったりに合わなくなりました。

    左側は、float: left;で指定してありますので合うのですが、右側に余白が出来てしまいます。

    marginやpaddingなどで調整しようとしてみたのですが、いずれにせよ右側に余白が出来、次の画像が下に回り込みます。

    どうかご指導よろしくお願い致します。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • nobita

    (@nobita)

    11年、 11ヶ月前

    こんにちは、

    ページに均等にブロックや画像を割り付けたいというニーズは多いと思いますが、実現する方法で悩む事があります。

    テーマの宣伝のようで、気が引けますが、以下のようなサンプルを書きました

    横並べのサンプル

    一列目の6個wapooが並んだ部分のソースは、

    <div class="horizon-wapoo">
<a href="...."><img src=".../wapoo.gif" alt="" title="wapoo" width="400" height="400" class="alignnone size-full wp-image-1049" /></a>
</div>

    が６個書いてあるだけ
    ２行目の三つの画像並べは、クラス名がhorizon-wapoo2になっているだけです。

    テーマのレイアウトに関する部分を、研究してみてください

    nobita

    (@nobita)

    11年、 11ヶ月前

    まちがえました

    トピック投稿者 ishikoro

    (@ishikoro)

    11年、 11ヶ月前

    nobitaさん

    ご返信ありがとうございます！

    なるほど、間隔とかがどうなっているのでしょうか？

    既存のテーマの画像をそういった方法で編集できるということですよね？

    頑張って研究してみます！ありがとうございました。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「複数を画像一列に並べる時、左右にぴったり合わせる方法」には新たに返信することはできません。

トピックタグ

表示