Organizing Loop Posts

  • Hey guys,
    I’m working with a site to call in my posts on a category custom template. I’m having a hard time getting the posts called in to display properly.

    Here’s the page being worked with: https://www.cellphonetrek.com/index.php/category/cell-phone-reviews/htc-phone-reviews

    Code: `<style type=”text/css”>
    <!–
    #postcontainer {
    width: 560px;
    display: inline;
    }
    #postrow ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    }
    #postrow li {
    list-style: none;
    text-align: center;
    display: inline;
    float: left;
    }
    <!–
    </style>
    …
    <div id=”content”>
    <div align=”left”>
    …(body txt)
    </p>
    </div>
    <!–latest post end –>

    <div id=”postcontainer”>
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <ul id=”postrow”>

    • <?php the_thumb(); ?>
      <b>“>
      <?php the_title(); ?>      </b>
      <small><?php the_time(‘F jS, Y’); ?><p></small>

      • </div>
      </div>`

      As of now you can see the posts are called in, and are kind of thrown all over the place. I’ve played with it for several hours too long and really just need 4 columned rows one after another with the displayed thumb, permalink, and date posted.

      Any help would be most appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter zombiesundays

    (@zombiesundays)

    I tried placing the loop inside of a table to constrain the width, but I’m still getting this disorganized mess.

    Why are my posts being scattered like a bag of sprinkles ontop of ice cream? I can see no reason for them to be anything but one after another.

    Thread Starter zombiesundays

    (@zombiesundays)

    I was able to get around the problem I was having. Here’s the successful code if anyone is having trouble.

    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<div id="postorama"><center>
	   <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
             <?php the_thumb("link=p"); ?></a>

          <p class="date"><a href="<?php the_permalink(); ?>">
            <b><?php the_title(); ?></a></b><br />
          <small><?php the_time('F jS, Y'); ?></small>
      </center></div>

    Goodluck!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Organizing Loop Posts’ is closed to new replies.