WordPress.org

Ready to get started?Download WordPress

Forums

Trouble with Page Break Tags (16 posts)

  1. matthewjahn
    Member
    Posted 2 years ago #

    Hi all,

    I've been having some trouble with page break tags --

    I've tried using the following --

    <div style="height:14px;"></div>

     

    and <p> </p>

    Now here's the issue -- When I use any of these, they work, but then after doing a few updates they just disappear entirely from my HTML edit page.

    Any idea what's up?

  2. shirazdrum
    Member
    Posted 2 years ago #

    First, a link to your site.
    Second, you are defining a division that does not exist. Use your CSS to style your line breaks rather than call them in inline. Putting a empty paragraph is not the answer.

  3. matthewjahn
    Member
    Posted 2 years ago #

    Here's the page I'm working on

    http://k9-obedience.com/secrets-to-dog-training-ebook-review/

    It should have read --

    <div style="height:14px;"></div>

    <br>

    < /br>

    and &nbsp;

  4. Peter_L
    Member
    Posted 2 years ago #

    What you should do is use css to set a bottom margin or padding on the div.
    Don't use the style element on div's, it's horrible.

    A quick and simple fix could be:

    <p>&nbps;</p>

    The br tags should only be used to 'break a rule' without going for a new paragraph. It looks like this <br> or <br />

  5. matthewjahn
    Member
    Posted 2 years ago #

    OK, sorry I'm new at this...

    If you follow the link to about mid-page... I don't want all those images and headlines crowding into each other.

    If I put padding around the images, it just pushes everything to one side of it. I want text to be pushed below the image......hope that makes sense.

    Shouldn't a forced page break of some sort do this? Well like I said it does.... works fine....then after re-publishing the page about 3-4-5 times it just disappears and all in crowded again.

  6. matthewjahn
    Member
    Posted 2 years ago #

    sorry... I did try the <p>&nbps;</p> and it does the same thing

  7. Peter_L
    Member
    Posted 2 years ago #

    Try this on your images
    <img style="padding-left: 15px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px;" src="http://k9-obedience.com/blog/images/humanesociety.png" width="150" height="110" border="0"/>
    to
    <img style="padding: 15px;" src="http://k9-obedience.com/blog/images/humanesociety.png" width="150" height="110" border="0"/>
    It's bad coding though. Styles go inside stylesheets, not inside the style attribute of html elements.

  8. matthewjahn
    Member
    Posted 2 years ago #

    It's bad coding though. Styles go inside stylesheets, not inside the style attribute of html elements.

    Could you explain a little more....many thanks

  9. Peter_L
    Member
    Posted 2 years ago #

    The way you're doing it works, so don't worry about that but it's how they made webpages 10 to 15 years ago.
    Try googling 'what is css' or something like it.

  10. matthewjahn
    Member
    Posted 2 years ago #

    Ok...but even if I use css padding, it still just pushes text around the image....I need the next title and paragraph to be completely below the image....isn't this what forced breaks are for? And why do they work one minute, and then disappear?

  11. Peter_L
    Member
    Posted 2 years ago #

    <img style="display: block;" src="http://k9-obedience.com/blog/images/humanesociety.png" width="150" height="110" border="0"/>

  12. matthewjahn
    Member
    Posted 2 years ago #

    That doesn't seem to do it...it seems maybe I need more than one line break to push the content below the picture. Any suggestions?

  13. shirazdrum
    Member
    Posted 2 years ago #

    It seems like you are using the h4 heading only for that purpose. You can modify the h4 in your css and override the margin line with this:

    margin: 2em 0 2em;

    Or if you want a bigger gap, increase the number by point or whole.(2.3, 2.8,...)

    To find the h4 in your css, just search for it in that document.

  14. matthewjahn
    Member
    Posted 2 years ago #

    I'm using the h4 to make the text bigger....only that

    First, I really don't know how to do that, and still...

    wouldn't this override the entire document?....I'll need different size gaps on each part of the page.

    Can't you just designate what size gap you want below each picture and call it that?

  15. matthewjahn
    Member
    Posted 2 years ago #

    I got the following from http://wpbtips.wordpress.com/2009/04/01/codes-useful-for-text-widgets/

    For blank lines you can use this (you can adjust it by changing the number):

    <div style="height:14px;"></div>

    It works well in all browsers......been then disappears into thin air after I update the page multiple times.

  16. Peter_L
    Member
    Posted 2 years ago #

    stop updating the page multiple times or, switch to html view (upper right of the text box)

Topic Closed

This topic has been closed to new replies.

About this Topic