Need help? Check out our Support site, then


WordPress.com Forums » Support

image formatting

  1. nancypriston
    Member

    Hi there

    I keep having problems with formatting of texts and images on my blog.

    If I use the iphone app and insert images and then text the text sits below the images fine (e.g. http://nancypriston.com/2012/09/01/time-to-say-goodbye/)

    However when I use the dashboard from my computer I always end up with the text wrapping. The weird thing is though, if I correct it in the visual editor and preview the post it looks fine. It's not until it's published that it comes up.
    I'm sure there's a simple way to ensure the text starts on the next line (perhaps in html?) but I just couldn't seem to find it.

    Ideally I'd like to know
    1. how to make the text only appear above or below the images/group of images
    and
    2. If I DO want to position the text next to the image, how I do that?

    Can anyone help me please?
    thanks very much
    Nancy :)

    The blog I need help with is nancypriston.com.

  2. nancypriston
    Member

    sorry - here is an example of the text wrapping I mean:

    http://nancypriston.com/2012/09/11/back-home-and-how-the-money-was-spent/

    :)

  3. justpi
    Member

    1. Your question isn't clear, because in "Time to say goodbye" the images are all in one column while in "Back home" you've got some side-by-side images: do you mean you want them side-by-side but no text wrap, or that you want them in one column instead?

    2. Depends. What text next to what image, followed by what?

  4. nancypriston
    Member

    Hi

    1. Well actually I didn't intentionally put the images in either a column or side by side - it's just how they ended up after I inserted them. So actually I'd like to know how I specify that, AND how I stop text wrapping or cause the text to wrap if I want it to.

    2. I mean generally. Say for example in a future post I want to post an image and I want a few lines of text next to it. Then I want either another image below that on a separate line OR a new paragraph of text.
    so:
    Image Text
    Image Text

    or Image Text
    Text

    Basically I just want to know how I control the formatting of images and text :)

    thanks
    Nancy :)

  5. justpi
    Member

    To insert a relatively small image with nothing next to it, you set its alignment to None (that's how all the images in the first post have been set). To insert it with the rest of the content wrapping around, you set its alignment to Left (that's how all the images except the first two in the second post have been set).

    To stop wrap around after a left aligned image, you need to add coding in the Text editor. For some text below an Image-Text pair, you'd write the following paragraph this way:
    <p style="clear: both;">TEXT HERE</p>
    Similarly, for an Image-Text pair below an Image-Text pair,
    <p style="clear: both;">IMAGE CODE AND TEXT HERE</p>

  6. nancypriston
    Member

    Oh thank you :)

    I'll give that a go
    thanks very much
    :)

  7. nancypriston
    Member

    I'm sorry for being dim but how do I set alignment to "none"
    sorry!
    :)

  8. nancypriston
    Member

    ignore me! I found it - sorry for being stupid! :)

  9. justpi
    Member

    You're welcome. You're not dim or stupid, you're just not familiar with these tricks yet.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags