Listing Posts in Multiple Columns

In any case you’ll have to count the results to correctly distribute the posts across the columns…

I’d not rely on the CSS to cut it just yet.

How about something like this?

<div class="postarea">
	<?php
	include(TEMPLATEPATH."/breadcrumb.php");
		if (have_posts()) {
			while (have_posts()) : the_post(); ?>
				<h1><?php the_title(); ?></h1>
				<?php the_content(__('Read more'));?>
				<div style="clear:both;"></div>
	<?php
			endwhile;
		}
		else { ?>
			<?php _e('Sorry, no posts matched your criteria.'); ?>

	<?php
		}
		$page = (get_query_var('paged')) ? get_query_var('paged') : 1;
		$postcnt = 0;
		query_posts("cat=4&amp;showposts=999&amp;paged=$page");
		if (have_posts()) { ?>
			<div class="example">
			<ul class="somelist">
			<?php
			while ( have_posts() ) : the_post(); $postcnt++; ?>
				<li><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></li>
				<?php if($postcnt % 35 == 0) { ?>
					</ul>
					<?php if($postcnt % 105 == 0) { ?>
						</div><div class="example">
					<?php } ?>
					<ul class="somelist">
				<?php } ?>
			<?php
			endwhile; ?>
			</ul>
			</div>
			<?php
		} ?>
	<div style="clear:both;"></div>
	<?php posts_nav_link(); ?>

</div>

Of course you’d need to create the CSS for .somelist and .example (rename as you like).

Basically if the count hits a multiple of 35 the a new list is created, and if it its a mutliple of 105, then the DIV is closed a new one opened.

You basically end up with 3 lists consisting of 35 posts each inside a DIV element, when you reach that 105 marker the DIV is closed and another started for addition results…

Float the .somelist elements next to each other, and you effectively have 3 columns..

The <ul> elements could just as easily be table columns…

Not sure i’m very good at explaining but you might be able to take something away from the above to expand on…

I think this depends if you have a set amount of posts to pull up or if you’re intending on having upto several hundred in the list…

t31os_ – If you lived close enough I’d buy you a beer. ??

Thank you very much, I got it to work like a charm!

Glad i could help.. ??

Of course once the CSS column commands become the norm things like this will become a whole lot easier…

Be sure to mark the topic resolved matey … it’s to the right —>

??

Got it – and you’re right about what’s to come with CSS. It’s too bad it’s that far out though.

I have used this great bit of code for something i have been working on…

<?php

		$page = (get_query_var('paged')) ? get_query_var('paged') : 1;
		$postcnt = 0; query_posts('cat=3,4,5,6');
		if (have_posts()) { ?>
			<div class="example">
		<ul class="content_cols">
			<?php
			while ( have_posts() ) : the_post(); $postcnt++; $data = get_post_meta( $post->ID, 'key', true );?>

				<li class="cat<?php $category = get_the_category(); echo $category[0]->cat_ID;?>">

<h3><?php the_title(); ?></h3>
<p><?php echo $data[ 'event_date' ]; ?></p>
<p><?php echo $data[ 'event_location' ]; ?></p>
<p><?php echo $data[ 'event_time' ]; ?></p>
<p><a href="<?php the_permalink() ?>" title="View more details of <?php the_title(); ?>">Read More</a></p>
<div class="clearFix"><!--x--></div>
</li>

				<?php if($postcnt % 6 == 0) { ?>

					<?php if($postcnt % 6 == 0) { ?>
					</ul>
					<div class="line"></div>
					<div class="clearFix"><!--x--></div>
						</div>

						<div class="example">
					<?php } ?>
					<ul class="content_cols">
				<?php } ?>
			<?php
			endwhile; ?>
			</ul>
			<div class="clearFix"><!--x--></div>
			</div>
			<?php
		} ?>

However, when i get to 24, 6 columns of 6 rows it prints a blank div.example, obviously i dont want a blank one at the end i just want it to stop printing and cut off when it gets to 24 not include 1 more after.

Any ideas?