Wordpress Posting News Items Side By Side, Not Stacked

Question

Hi everyone. I am designing a site with wordpress. My index page keeps posting news items side by side, and nomatter how I try to modify my code, it will not place a break between the two.

To see what I mean, visit www.acacians.net.

Here is the chunk of code in my template that controls the "News Post" portion of the page:

---

<table width="760" border="0" align="center" cellpadding="10" cellspacing="0" background="wp-content/themes/DarlingTemplate/images/tablebg.jpg">
  <tr>
    <td>
    <table width="530" border="0" align="left" cellpadding="10" cellspacing="0" bgcolor="#f4f3f0">
        <tr><?php if (have_posts()) : while (have_posts()) : the_post(); ?>
          <td><table width="530" border="0" cellspacing="0" cellpadding="5">
            <tr>
              <td width="30" height="30"><img src="wp-content/themes/DarlingTemplate/images/category.jpg" /></td>
              <td background="wp-content/themes/DarlingTemplate/images/subjbg.jpg"><strong><?php the_title(); ?></strong><br />
              Posted on <?php the_time('F jS, Y') ?>
        </td>
       </tr>
      </table>
<table width="530" border="0" cellspacing="0" cellpadding="5">
  <tr>
    <td width="5"></td>
    <td width="505"><?php the_content(__('(more...)')); ?>
  </tr>
</table>

<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?><p>
<?php endif; ?>       
    </td>
  </td>
 </tr>
</table>            

---

I have tried inserting a break at the end of every line, and then refreshing my page. Why isn't this working?

I appreciate any help that can be offered.

Thank you so much!!!!

Answer 1

it's because you are printing all of the posts into the same tag.

A larger problem though is that you are using nested tables in your layout.