У меня есть этот цикл, который в основном отображает блок на странице с изображением в нем, класс gallerypic имеет край 20px справа, он также имеет правило float:left; , проблема заключается в том, что каждый раз, когда создается третий div, он начинается с новой строки, потому что маржа нажимает на нее. Так что в идеале каждый третий пост мне не gallerypicright , и применять div gallerypicright или что-то еще.
Мне интересно, у кого-то есть решение? Возможно, это проще, чем просто остановить маржу, когда ее третий? Мне нужна разница на двух других, поскольку он создает аккуратный разрыв между сообщениями.
<?php $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; $archive_query = new WP_Query('cat=14&showposts=14&paged=' . $paged); $id = get_the_ID(); while ($archive_query->have_posts()) : $archive_query->the_post(); ?> <div class="events"> <div class="gallerypic"><div class="limerickguideblockheader"><p><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?> </div> <div class="gallerypiccontainer"><a href="<?php the_permalink(); ?>" > <?php echo get_the_post_thumbnail( $id, 'gallery-thumb', $attr ); ?> </a></div> </div> </div> <?php endwhile; ?>
edit: картинка красит 1000 слов, вот ссылка до сих пор, с тремя сообщениями … http://limerickfc.hailstormcommerce.com/cms/?page_id=2466
Метод с помощью CSS был бы даже лучше, если это было возможно. Приветствия Адриана