Need help? Check out our Support site, then


Text layout and photos

  1. In general it's a very basic question for editing text and photos.
    I have difficulty to arrange my text or a paragraph, right below a particular photo. ( not a caption, as a long caption has a tendency to resize the photo box ).
    If I already add several photos at once, then I have no control where to put my cursor in between the photos, or on the screen page.
    Anybody has the same experience?

    The blog I need help with is boesoer.wordpress.com.

  2. When you select a photo in the editing screen, just press left or right arrow to place the cursor next to it. Does that help?

  3. @boesoer: placing the cursor below a photo is easy if the alignment of the image is set to none or center, but not if it's set to left or right (because in that case the text is supposed to wrap around). Link to the post in question please, so we can see the actual content and speak in more concrete terms.

  4. @vandevenbram: no it doesn't help. Peculiar thing happened, the cursor sometime come up, sometimes hidden, so I can't do anything without knowing where the cursor is. Moreover, if I have two pictures add at the same time, both pictures posted on the screen one below the other without any space in between, hence I can't type a text below the top picture.

  5. @vandevenbram: no it doesn't help. Peculiar thing happened, the cursor sometime come up, sometimes hidden, so I can't do anything without knowing where the cursor is. Moreover, if I have two pictures add at the same time, both pictures posted on the screen one below the other without any space in between, hence I can't type a text below the top picture.

  6. @justpi : Thanks for the help. In my case I want to put two pictures side by side, Therefore I set both picture alignment to left. But ended up one picture below the other. I suspect the total width of both pictures exceeding the maximum width of the Theme. However reducing the width doesn't help. Strangely if I put caption on each pictures, it align correctly. As you can see from my blog :
    http://boesoer.wordpress.com/2012/12/14/the-magic-of-mount-fuji/
    I have difficulty arranging the pictures just on top of the Tsukiji Heading.
    On the other hand the pictures above it with caption on it, sometimes align correctly, but sometimes staggered, but the resulting post is OK.
    So the editing screen is not WYSIWYG , which maker editing difficult and the resulting post unpredictable. Any help on this?

  7. 1) If you're talking about the images "p1080220" and "japan-slide-02-62", they can't show up side-by-side because you have erroneously enclosed them in h2 heading tags. You need to switch the editor to Text (=code) and delete these from around the images:

    <h2 style="text-align:left;">
    </h2>

    You also need to delete the line break between the two image codes.

    2) If both images are left aligned, the right side of the right image won't be flush with the right side of the full width images. Better set the alignment of the right image to right.

    3) The text that follows such an image pair is supposed to wrap around (if there's room enough). To prevent that, you need to enclose the first paragraph after the image pair in this code:
    <p style="clear: both;">TEXT HERE</p>

  8. I did all three of your above suggested steps and it work! it's still not perfectly aligned, maybe each image must be of the same exact dimensions, but thanks indeed.
    Although I 've upgraded to 'Custom Design' and using 'CSS', I am still a beginner with XHTML. Seems to me, that we have to check from time to time into Text Editor; unwanted codes somehow creeping into our page, without we knowing...
    Now I am thinking, if I want to arrange several images with different sizes, (kind of a Gallery, but it is not) grouped into one image, so I can edit it as one image, how do I do that? Is it possible to do it within the WordPress editing screen or I have to pre arranged it in other drawing softwares such Coreldraw , PageMaker,etc ., than export it to the WordPress editing screen -- which in my opinion is too cumbersome and beat the simplicity of blogging with WordPress.
    Your suggestion appreciated.

  9. a) I'm assuming you're talking about images "japan-slide-02-62" "japan-slide-02-61-c" now. They're not vertically aligned because the two captioned images above them are left/right aligned and the right one is shorter, so there's some room left below the right captioned image, so the image below tries to cover that space.
    As you said, one way to eliminate such issues would be to make sure your side-by-side images have the same dimensions. With the images as they are now, to correct the alignment you need to cancel the wrap-around effect of the captioned images:

    <div style="clear:both;">
    CODES OF IMAGES japan-slide-02-62 and japan-slide-02-61-c
    </div>

    b) WP is blogging software, not image editing software. A composite image can only be created in an image editing application then uploaded to your blog.

  10. @justpi: Incredible help !, yes, everything okay now. Thank you !
    I should have known to click and visit your blog -- WordPress Tips.
    You really a Guru in this subject. Surely I can learn a lot from your tips there and thanks again for making my blog tidy and in order.
    I still will ask you one or two questions though, when I get deeper into this interesting blogging.

Topic Closed

This topic has been closed to new replies.

About this Topic