サポート » 使い方全般 » ループで出力した画像のX番目だけ右マージンを0にしたい

  • こんにちは。

    現在、ループで取得する各記事画像の出力について、X番目(具体的には3番目)の画像だけ右マージン(margin-right:0;)を0にしようと悪戦苦闘しております。

    具体的なコードは以下のとおりです。

    <?php query_posts("posts_per_page=3&cat=ほげほげ&order=DESC"); ?>
    <?php if(have_posts()) : while (have_posts()) : the_post(); ?>
    <div class="columns">
    <a href="<?php the_permalink() ?>"><?php the_image(); ?></a>
    </div>
    <?php endwhile; endif; ?>

    一行に3個画像を出力するようにせっていしていますが、最後の3回目で出力された画像にだけCSSのclassでmargin-right:0をあてられないか挑戦中です。

    どなた様かご経験、情報の参照先についてお心当たりございましたら、ご教授・ヒント賜れますと幸いです。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • CSSで解決したことがあります。
    こちらを参考にして、画像をリストで並べるかんじにしたらうまくいきましたよ
    ↓↓↓
    http://css-eblog.com/csstricks/floatlisttips.html

    >sysbird様

    紹介していただいたCSSを参考に設定したら見事うまくいきました!

    まさかこんなに早くコメントをいただけるとは思わず、感謝してもしきれません。

    本当にありがとうございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「ループで出力した画像のX番目だけ右マージンを0にしたい」には新たに返信することはできません。