• Resolved iheartchopin

    (@iheartchopin)


    https://sachlichkeit.net/
    Is there a code I could put in my CSS that would increase the space between each entry? Also, I still didn’t find a way to get rid of that nasty gap at the bottom of the layout so any help would be much appreciated.

    Thank you for all your help thus far!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi

    You are missing a closing DIV (at least one) within your homepage loop code. Every post starts inside the post before it. That is because the DIV for the current post is still open when the next post DIV is displayed.

    By the bottom of the page you have a mass of nested posts. That is most likely why you are not able to add more space between the posts.

    The page validator
    https://validator.w3.org/check?uri=https://sachlichkeit.net/
    is showing 257 errors on your homepage. If you click the Show Source box on that page, at the bottom it will show you your source code so you can correlate errors with the lines in the code that are causing them.

    Very likely your problems will clean themselves up as you clean up your code

    Thread Starter iheartchopin

    (@iheartchopin)

    Hi,
    I used the validator and it seems like it’s picking up petty things that wouldn’t affect the gap between entries or the gap at the end of the layout.
    I don’t use divs for entries and have the layout completely coded in tables. Should I insert a div somewhere in the index.php file? I can understand how all the nested posts would create the gap but I don’t even know where to start since I did close all my tables properly.

    You’d be surprised at what a little, seemingly unrelated error can effect. The tag surrounding the post is definitely a div, and stv is right, it’s going unclosed. Look in your index.php file near the end of the loop (probably near an elseif statement), you need to put at least one

    </div>

    there.

    The point is, many of the things the validator is picking up are NOT trivial.

    I discovered the problem I reported to you when I used Firebug to change the bottom margin on your post class, the wrapper that surrounds each post, from 40 pixels to 80 pixels, a very trivial change. I noticed after I made this change there was no visible change on the site, so I investigated why. That is when I discovered your posts are never closing but are stacking up inside each other.

    Your complaint is a gap at the bottom. If you have ten posts each with 40 pixels of bottom margin, all closing in the same place in the display, at the bottom, where all that margin is being applied at once, do you think that could possibly cause a bottom gap?

    You may not use div’s for entries, but every post in your theme is wrapped in a div, which is not being closed. Whether or not you use them, they are there.

    Thread Starter iheartchopin

    (@iheartchopin)

    peterebutler: I put the closing div code in and didn’t work.

    stvwif: Here is my code for index.php

    <?php
    /**
     * @package WordPress
     * @subpackage Default_Theme
     */
    
    get_header(); ?>
    
    <?php if (have_posts()) : ?>
    
    		<?php while (have_posts()) : the_post(); ?>
    
    <div class=content>
    
    <div class=date><?php the_time('F jS, Y') ?></div>
    <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><font class=title><?php the_title(); ?></a></font> &mdash; <font class=right>Posted by <?php the_author() ?></font>
    
    <?php the_content('Read the rest of this entry &raquo;'); ?>
    
    <div align=right><?php edit_post_link('Edit', '', ' | '); ?>  <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></div>
    
    		<?php endwhile; ?>
    
    	<?php else : ?>
    
    		<h2 class="center">Not Found</h2>
    		<p class="center">Sorry, but you are looking for something that isn't here.</p>
    		<?php get_search_form(); ?>
    </div>
    
    	<?php endif; ?>
    
    <p></p><center>
    <?php next_posts_link('&laquo; Older Entries') ?> -- <?php previous_posts_link('Newer Entries &raquo;') ?></center>
    
    <p></p><center><small><?php include("count.php"); ?></small></center>
    
    </font>
    <hr>
    
    <?php get_footer(); ?>

    I do believe that I am closing all the divs, or are there ones that are hidden? I can’t seem to even find a code that would help me increase the gap between entries either.

    I’m sorry for being so useless!

    Thread Starter iheartchopin

    (@iheartchopin)

    Hey,
    thanks for all the help (not being sarcastic). I found out that it wasn’t any divs creating the gap, but since I pretty much copied and pasted the css from the default theme and edited and added things without throughly look at the code, I realized that the gap was created by a “body” margin modification in the css.

    Thank you for all your attempts to help me; it’s really been helpful!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Increasing space between entries’ is closed to new replies.