WordPress.org

Ready to get started?Download WordPress

Forums

Posts Jamming up on each other (3 posts)

  1. Eternal Sky Chaz
    Member
    Posted 5 years ago #

    I'm having a problem with posts jamming up next to each other when there is an image in it. It is almost like WP is not taking into account the size of the image thumbnail before displaying the next post.

    Here's the link to the site I am working on. It is a test site, it is not live:

    http://quintessence.eternalsky.us

    Here's the code I am using for index.php

    <?php get_header(); ?>
    
    <div id="content">
    
    	<div id="contentleft">
    
    		<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    
    		<h1><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1>
    
    		<p><?php the_content(__('Read more'));?><br />
    		<?php comments_popup_link('Comment', '1 Comment', '% Comments'); ?>&nbsp;<?php edit_post_link('(Edit)', '', ''); ?>
    		</p>
    
    		<?php endwhile; else: ?>
    
    		<p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?>
    		<p><?php posts_nav_link(' — ', __('&laquo; Previous Page'), __('Next Page &raquo;')); ?></p>
    
    </div>
    
    	<?php include(TEMPLATEPATH."/sidebar.php");?>
    
    </div>
    
    <!-- The main column ends  -->
    
    <?php get_footer(); ?>
  2. trivum
    Member
    Posted 5 years ago #

    This looks like a css issue, not an issue with your index file. I am not a css expert (far from it), but when I have these types of problems, I go into my style.css file in my theme and start playing around ... first with the width of the posts, etc. Different designers will call that different things. It looks as if you might start playing with a section called "contentleft" (your file above tells me that with this <div id="contentleft">).

    If you can't get it to work and someone with more knowledge doesn't come along here, you might try posting in the themes forum. You might also ask the person who made your theme. I didn't see any theme name at the botttom.

  3. Eternal Sky Chaz
    Member
    Posted 5 years ago #

    CSS was the first thing I played around with. Here's the code for that:

    #contentleft {
    	color: #FFFFFF;
    	text-align:left;
    	float: left;
    	width: 650px;
    	margin: 5px 5px 5px 5px;
    	padding: 0px 30px 20px 0px;
    	}

    I just don't know what else to play around with.

Topic Closed

This topic has been closed to new replies.

About this Topic