WordPress.org

Ready to get started?Download WordPress

Forums

Missing and additional line breaks (8 posts)

  1. claus_01
    Member
    Posted 6 years ago #

    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.

  2. wp_guy
    Member
    Posted 6 years ago #

    <div></p> looks awfully wrong to me...

  3. Joni
    Member
    Posted 6 years ago #

    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). :)

  4. Joni
    Member
    Posted 6 years ago #

    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.

  5. Joni
    Member
    Posted 6 years ago #

    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.

  6. claus_01
    Member
    Posted 6 years ago #

    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

  7. claus_01
    Member
    Posted 6 years ago #

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

    Greetings,

    Claus

  8. claus_01
    Member
    Posted 6 years ago #

    > Maybe they will be able to fix this.

    They did! ;-)

    Claus

Topic Closed

This topic has been closed to new replies.

About this Topic