How to control the layout of pictures and words
-
Hello, I am having issues with editing the layout on my blog pages. Most of my pages contain a lot of pictures and just a few lines of words. I would like to be able to control where the pictures and words go, i.e. so that the pictures are close to the sentences that are relevant to them. However, when I try to edit the pages there seems to be no way to control where anything goes. I try dragging the pictures around but they go back to where they were, or they switch to a completely different spot and not to where I wanted them to go. I try to write more at the bottom of the page but the cursor will not go there. This is all very frustrating, I would be elated if anyone out there could help.
The blog I need help with is: (visible only to logged in users)
-
See here please > http://en.support.wordpress.com/visual-editor/#alignment
The alignment icons in the WordPress editor are for aligning text; they are not for aligning images. They are used to achieve wrapping text around images on either the right or left hand side, or to display an image that’s centered without text on either side of it.
Align-left means position left, with the rest of the content wrapping around the right side of the image.
Align-right means position right, with the rest of the content wrapping around the left side of the image.
Align-center means position center, with no wrap-around (= the rest of the content below the image).
If the text beside the images does not occupy the same amount of space that the image beside it does then the text wrapping will continue and the images and text that follow will have a staggered appearance.
To prevent the staggered effect what you do is insert the following snippet of code into the Text (HTML) editor after each image/text pair:
<div style="clear:both;"></div> -
Thank you for your response. I have tried you advise and read through the descriptions in the “visual editor” but I have still not been able to control the layout. When I tried the code that you recommended it did not combine the image/text as a pair. My problem is not alignment, it is that I have not found a way to move either the images or the text. For example, the formatting does not allow me to drag and drop the image next to the paragraph that describes it. I have tried moving the code so that the code for the image and the code for the text are next to each other, but even that does not put them next to each other on the page.
- The topic ‘How to control the layout of pictures and words’ is closed to new replies.