NazreenCuthbertHi,
I've done some tweaking to a php file and I can't seem to fix the alignment of the columns the code I've used is
<h1>Latest</h1>
<div class="one_fourth"><h6> <p class="postmetadata">Latest In Photography</p></h6>
<p>
<?php query_posts('cat=37&showposts=1'); ?>
<!-- Start the Loop. -->
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<!-- The following tests if the current post is in category 58. -->
<!-- If it is, the div box is given the CSS class "post-cat-fifty-eight". -->
<!-- Otherwise, the div box will be given the CSS class "post". -->
<?php if ( in_category('37') ) { ?>
<div class="post-cat-fifty-eight">
<?php } else { ?>
<div class="post">
<?php } ?>
<!-- Display the Post's Content in a div box. -->
<div class="entry">
<?php
$post_image = get_post_meta($post->ID, 'post_image', true);
$post_image = webtreats_image_resize($height='127', $width='190', $post_image);
?>
<?php if ($post_image) { $counter++; ?>
<div id="image_loader_<?php echo $counter; ?>">
<a class="load_blog_img" title="<?php the_title(); ?>" href="<?php the_permalink(); ?>">
<img src="<?php echo $post_image; ?>" alt="" style="padding:4px;
background: transparent; border: solid 1px #444e58" /></span>
</a>
</div>
</div>
<?php } ?>
</div>
<!-- Display the Title as a link to the Post's permalink. -->
<p></p><h5><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h5>
<a class="button_link" href="<?php the_permalink(); ?>"><span>VIEW</span></a>
</div> <!-- closes the first div box -->
<!-- Stop The Loop (but note the "else:" - see next line). -->
<?php endwhile; else: ?>
<!-- The very first "if" tested to see if there were any Posts to -->
<!-- display. This "else" part tells what do if there weren't any. -->
<p>Sorry, no posts matched your criteria.</p>
<!-- REALLY stop The Loop. -->
<?php endif; ?>
</p>
</div><!-- one_fourth -->
<div class="one_fourth"><h6>Latest In Videos</h6>
<p> <?php query_posts('cat=45&showposts=1'); ?>
<!-- Start the Loop. -->
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<!-- The following tests if the current post is in category 58. -->
<!-- If it is, the div box is given the CSS class "post-cat-fifty-eight". -->
<!-- Otherwise, the div box will be given the CSS class "post". -->
<?php if ( in_category('45') ) { ?>
<div class="post-cat-fifty-eight">
<?php } else { ?>
<div class="post">
<?php } ?>
<!-- Display the Post's Content in a div box. -->
<div class="entry">
<?php
$post_image = get_post_meta($post->ID, 'post_image', true);
$post_image = webtreats_image_resize($height='127', $width='190', $post_image);
?>
<?php if ($post_image) { $counter++; ?>
<div id="image_loader_<?php echo $counter; ?>">
<a class="load_blog_img" title="<?php the_title(); ?>" href="<?php the_permalink(); ?>">
<img src="<?php echo $post_image; ?>" alt="" style="padding:4px;
background: transparent; border: solid 1px #444e58" /></span>
</a>
</div>
</div>
<?php } ?>
</div>
<!-- Display the Title as a link to the Post's permalink. -->
<p></p><h5><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h5>
<a class="button_link" href="<?php the_permalink(); ?>"><span>VIEW</span></a>
</div> <!-- closes the first div box -->
<!-- Stop The Loop (but note the "else:" - see next line). -->
<?php endwhile; else: ?>
<!-- The very first "if" tested to see if there were any Posts to -->
<!-- display. This "else" part tells what do if there weren't any. -->
<p>Sorry, no posts matched your criteria.</p>
<!-- REALLY stop The Loop. -->
<?php endif; ?>
</p>
</div><!-- one_fourth -->
<div class="one_fourth"><h6>Latest On Matt & Mayna</h6>
<p> <?php query_posts('cat=119&showposts=1'); ?>
<!-- Start the Loop. -->
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<!-- The following tests if the current post is in category 58. -->
<!-- If it is, the div box is given the CSS class "post-cat-fifty-eight". -->
<!-- Otherwise, the div box will be given the CSS class "post". -->
<?php if ( in_category('119') ) { ?>
<div class="post-cat-fifty-eight">
<?php } else { ?>
<div class="post">
<?php } ?>
<!-- Display the Post's Content in a div box. -->
<div class="entry">
<?php
$post_image = get_post_meta($post->ID, 'post_image', true);
$post_image = webtreats_image_resize($height='127', $width='190', $post_image);
?>
<?php if ($post_image) { $counter++; ?>
<div id="image_loader_<?php echo $counter; ?>">
<a class="load_blog_img" title="<?php the_title(); ?>" href="<?php the_permalink(); ?>">
<img src="<?php echo $post_image; ?>" alt="" style="padding:0px;
background: transparent; border: solid 5px #444e58" /></span>
</a>
</div>
</div>
<?php } ?>
</div>
<!-- Display the Title as a link to the Post's permalink. -->
<p></p><h5><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h5>
<a class="button_link" href="<?php the_permalink(); ?>"><span>VIEW</span></a>
</div> <!-- closes the first div box -->
<!-- Stop The Loop (but note the "else:" - see next line). -->
<?php endwhile; else: ?>
<!-- The very first "if" tested to see if there were any Posts to -->
<!-- display. This "else" part tells what do if there weren't any. -->
<p>Sorry, no posts matched your criteria.</p>
<!-- REALLY stop The Loop. -->
<?php endif; ?>
</p>
</div><!-- one_fourth -->
<div class="one_fourth last"><h6 class="postmetadata">Latest From The Blog</h6>
<p>
<?php query_posts('cat=58&showposts=1'); ?>
<!-- Start the Loop. -->
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<!-- The following tests if the current post is in category 58. -->
<!-- If it is, the div box is given the CSS class "post-cat-fifty-eight". -->
<!-- Otherwise, the div box will be given the CSS class "post". -->
<?php if ( in_category('58') ) { ?>
<div class="post-cat-fifty-eight">
<?php } else { ?>
<div class="post">
<?php } ?>
<!-- Display the Post's Content in a div box. -->
<div class="entry">
<?php
$post_image = get_post_meta($post->ID, 'post_image', true);
$post_image = webtreats_image_resize($height='127', $width='190', $post_image);
?>
<?php if ($post_image) { $counter++; ?>
<div id="image_loader_<?php echo $counter; ?>">
<a class="load_blog_img" title="<?php the_title(); ?>" href="<?php the_permalink(); ?>">
<img src="<?php echo $post_image; ?>" alt="" style="padding:4px;
background: transparent; border: solid 1px #444e58" /></span>
</a>
</div>
</div>
<?php } ?>
</div>
<!-- Display the Title as a link to the Post's permalink. -->
<p></p><h5><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h5>
<a class="button_link" href="<?php the_permalink(); ?>"><span>VIEW</span></a>
</div> <!-- closes the first div box -->
<!-- Stop The Loop (but note the "else:" - see next line). -->
<?php endwhile; else: ?>
<!-- The very first "if" tested to see if there were any Posts to -->
<!-- display. This "else" part tells what do if there weren't any. -->
<p>Sorry, no posts matched your criteria.</p>
<!-- REALLY stop The Loop. -->
<?php endif; ?>
</p>
</div><!-- one_fourth -->what this gives me is this
Any ideas on how I could fix it? Any help would be much appreciated!
keesiemeijer
