WordPress.org

Support

Support » How-To and Troubleshooting » Missing and additional line breaks

Missing and additional line breaks

  • Hi,

    since several weeks, I am maintaining a new blog at animationblogspot.com. While I was using text-only posts, all went well, but now, that I am using images also, I am experiencing some weird behaviour, particularly in this post of mine. The site template is ‘fSubtle 1.0’ by Fredrik Fahlstad, and I emailed him, but got no respons, so far. I’m also not sure about the exact WP version (I wasn’t able to find the version number anywhere).

    I am using <div> instead of <p> tags to separate paragraphs, because the font size used to change between paragraphs when I was still using <p> tags.

    Does anybody know what I can do to solve this problem? I noticed that in the case of the post I linked to here, additional line breaks appear right before a link, but I frankly don’t know what to do about this. I looked up the CSS, but there’s no unusual formatting of the links. There is also some mysterious indention right after the line breaks.

    TIA,

    Claus

    P.S.: When looking at the source code of the respective page, I found a mysterious </p> tag right at the beginning of the post

    ‘<div></p><table style=’padding:5px; …’

    but I have no idea where this could come from.

Viewing 7 replies - 1 through 7 (of 7 total)
  • <div></p> looks awfully wrong to me…

    Declare a base font size and font family in your body element. I generally use 12 or 13px. Then only redeclare a new font size or family when there’s need for a change. Set the p element to whatever your preference is. I generally use 100% but I’ve seen some folks use 95%. Same with your header tags, h1-h6.

    The less gyrating around your stylesheet does, the less chances there will be for font size surprises. You can contact me offlist if you want help with this (check my profile). 🙂

    Okay, I’m checking out your stylesheet now. I’d change this:

    body {
    	font-size: small;
    ...
    }

    to font-size: 14px (since you are using Trebuchet as a base font). And I’m very happy to see that you’ve declared percentages nearly everywhere else in the stylesheet. (This allows folks who have tired old eyes (like moi) to resize the text in their favorite browsers, even IE. There’s a few places where you may need to hunt down a pixel-specific font size.

    There is a lot of tag soup going on in the HTML code. Check your header.php and especially your index.php template. You need to open and close divisions and paragraphs and nest them properly otherwise IE will throw up on it. And you really don’t need tables to place images in your blog posts. If the image is large and you want to clear text that comes after it, just use <br clear="all" /> or create a .clear division in your stylesheet like this:

    .clear [
         margin: 0;
         padding: 0;
         clear: both;
    }

    And instead of <br clear="all" />, use <div class="clear"></div>

    HTH.

    Something weird is going on with your anchor tags. They are being included in a TABLE and that’s why they keep dropping to the next line like that. Look in your index.php file and see if you can spot a table structure there and get rid of it.

    Hi, wp_guy & joni,

    many thanks for your response. This </p> is awfully wrong indeed! 😉

    joni:

    I did what you suggested (as far as it was possible), but unfortunately I don’t have full access to the WP templates at animationblogspot. The only code I can access that has to do with the content, is:

    <div class="entrybody">
        <?php
    			the_content(__('(Read the article)'));
    		?>

    That’s about it! 🙁

    Claus

    P.S.: In the meantime, I emailed the support at animationblogspot. Maybe they will be able to fix this.

    Greetings,

    Claus

    > Maybe they will be able to fix this.

    They did! 😉

    Claus

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Missing and additional line breaks’ is closed to new replies.
Skip to toolbar