• Hi,
    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!

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Column Alignment issue’ is closed to new replies.