Posts Jamming up on each other

  • Chaz

    (@eternalskychaz)


    14 years, 9 months 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:

    https://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(); ?>
Viewing 2 replies - 1 through 2 (of 2 total)

  • 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.

    Thread Starter Chaz

    (@eternalskychaz)

    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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Posts Jamming up on each other’ is closed to new replies.