WordPress.org

Ready to get started?Download WordPress

Forums

Posts overlapping...help! (5 posts)

  1. uncommonman
    Member
    Posted 5 years ago #

    If anyone's got a moment, I'd really appreciate if you could take a look at my site: http://uncommonman.oxyhost.com

    You can see the problem: my two test posts are overlapping wildly. Unfortunately, me being something of a CSS newb, just looking through the code doesn't seem to help me resolve the issue. Anyone with sharper eyes able to help? These are the parts of the main page template I think might be the issue:

    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    
    <div class="content"><img src="images/splash.jpg"></div>
    
    <div class="post">
    <h2 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
    <div class="main">
    	<?php the_content('Read more...?'); ?>
    </div>
    <div class="meta">Published by <?php the_author() ?>, on <?php the_time('F jS, Y'); ?> <?php _e("at"); ?> <?php the_time('g:i a'); ?>. Filled under: <?php the_category(',') ?> <?php the_tags('Tags: ', ', ', ''); ?> &bull; <?php comments_popup_link('No Comments','1 Comment','% Comments'); ?> <?php edit_post_link(' &mdash; (Edit this?)'); ?></div>
    
       </div>
    
        <?php if ( comments_open() ) comments_template(); ?>
    
    <?php endwhile; else: ?>
    <div class="warning">
    	<p>Sorry, but you are looking for something that isn't here.</p>
    </div>
    <?php endif; ?>
    
    <div class="navigation_group">
    	<div class="alignleft"><?php next_posts_link('&laquo; Older Entries') ?></div>
    	<div class="alignright"><?php previous_posts_link('Newer Entries &raquo;') ?></div>
    </div>
    
        <?php get_footer(); ?>

    So...what am I doing wrong here?

  2. Samuel B
    moderator
    Posted 5 years ago #

    quite a few errors
    also your links go to 404 - why do they all end in .html?

  3. uncommonman
    Member
    Posted 5 years ago #

    Still in the planning stages of the site, and I'm used to working with .html instead of .php.

    EDIT: That made my page validate completely, but I still have the overlapping posts problem. Argh!

    If anyone else can help, I'm still all ears.

  4. Ben L.
    Member
    Posted 5 years ago #

    Chage the .post rule in your css stylesheet (.post starts on line 148) to:

    .post {
    left:200px;
    padding:5px;
    position:relative;
    text-align:justify;
    top:70px;
    width:490px;
    }

    That should fix at least part of the problem.

  5. uncommonman
    Member
    Posted 5 years ago #

    Yeah, thanks, that does fix the posts overlapping, but now what I need to do is set up a text-area that stays inside that large splash image in the center. That was my aim. Any pointers on that?

Topic Closed

This topic has been closed to new replies.

About this Topic