Odd formatting

  • Unknown's avatar

    Hi, I am having trouble getting the formatting of one of the pages for my site to display correctly. I have arranged it how I want it to look in the editor, but when I publish it it screws up the formatting; but only on one small section of the page and two photo’s. I have screenshots, but there appears to be no option to add files to the forums :/

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    What is the exact URL starting with http:// of the site you are referring to please?

    This is wordpress.COM support. We cannot answer any questions posted here accurately until we have the relevant URL and have confirmed hosting.

    Note that about 30% of those who post here daily are posting to wrong support forum and the answers to wordpress.COM and WordPress.ORG support questions are not the same.

    We provide support only for wordpress.COM hosted sites. We cannot provide support for sites that are not on our servers. Our support docs do not apply to
    (1) local installs of wordpress.ORG software on your own server or
    (2) wordpress.ORG software installs on paid hosting, and we do not provide support for them at wordpress.COM. That support is found at http://wordpress.ORG/support/
    (3) sites linked to wordpress.COM accounts with the Jetpack plugin so they display on the My Sites wordpress.com account page. That support is found at http://jetpack.com/support/

    WordPress.COM and WordPress.ORG are completely separate and have different username accounts, logins, support docs and support forums, run different theme versions of themes with the same names, and many people get confused about the two. Read the differences here http://en.support.wordpress.com/com-vs-org/

    The wordpress.ORG support forums are at http://wordpress.org/support. The wordpress.ORG login link is here https://login.wordpress.org/ If you do not have an account yet then click Create an account https://login.wordpress.org/register/ and if you have lost an account password click Lost password? https://login.wordpress.org/lostpassword/

  • Unknown's avatar

    Hi! The URL in particular is digitalstaffs.wordpress.com/microsoft-visit

    The questionable formatting is about halfway down

  • Hi there,

    Are you speaking of the text/image alignment at the “Here’s Kevin” paragraph?

    Blank lines you add in the editor to make the images and text line up correctly are stripped out when you save or update the page. In this respect HTML works different from word processors – blank lines are not preserved in HTML. If you want a blank line, you need to add a non-breaking space HTML entity instead:

    https://en.support.wordpress.com/advanced-html/#extra-line-breaks

    Though in this case, adding in a line of HTML will actually help you more.

    In the editor, click on the HTML tab. Look for the image code, and paragraph that appears above the Here’s Kevin paragraph and image. Paste the following line of HTML code after the first paragraph and image:

    <div style="clear:both;"></div>

    That will force a separation between the two paragraphs, so the lower image won’t overlap the earlier paragraph.

  • Unknown's avatar

    Hi, thanks for your response. It was actually the text and image above the “Here’s Kevin” bit. I have added a <div> in there, and it’s moved the text but for the life of me I cannot figure out how to get the image to move. It just looks horrible, and it is only that image and text that is causing the problem. Everything else works perfectly!

  • I don’t know why that snippet is not working in this case, as it should.

    It seems the only way to make a break between that image and the next paragraph is via a non-breaking space. I’ve added a couple into your post, so please check if it’s okay the way it is now.

    I also cleaned up some unneeded HTML in that post, in case that was part of the problem, but it doesn’t seem that way.

  • The topic ‘Odd formatting’ is closed to new replies.