I'm designing a custom theme where I'd like to display the recent posts on the home page horizontally, two columns per row, equal height. Like this:
Though I shy away from using tables for anything structural, they still have their advantages and I used them to create the equal heights achieved in the example above.
I'd like to apply the same equal-height technique to the recent posts on the home page of my blog but can't figure out how to integrate the table, tr, and td tags in my index.php file. All will use 'read more...' so they're not too long.
Here's the code from index.php:
<?php else : /* show post contents */ ?>
<div class="post" id="post-<?php the_ID(); ?>">
<?php if (!is_single()) : ?>
<h2>"><?php the_title(); ?></h2>
<?php else : ?>
<h1><?php the_title(); ?></h1>
<?php endif; ?>
<div class="posted">Posted <?php the_time('F jS, Y') ?> by <?php the_author_link(); ?> </div>
<?php the_content('Read more →'); ?>
<p><?php wp_link_pages('next_or_number=number&pagelink=page %'); ?></p>
<?php if(is_single) comments_template(); ?>
<?php endif; /* end if page or post */ ?>