Need help with images vs text on page
-
I have a page on which I have added several images to the right of the text. However, things are a bit jumbled, with blank lines and text broken up. All images are formatted medium and right. Can someone look at the data on this page and give me some advice?
The blog I need help with is: (visible only to logged in users)
-
Switch to Text mode on the editor and put the code below just after the text you want to keep with an image – that should keep the text matched with the proper image – I use the code when making how to do it articles and the text needs to stay alongside an image
<div style="clear:both;"></div>clear and start over after an image – survives Visual Edit Mode
-
The text doesn’t need to stay alongside a particular image, but it should be close.
I tried throwing in the code in various places, but with only moderate success, and still had problems with orphan words. Maybe I shpu;d be using a paragraph code …?
-
I recommend using the classic editor at Dashboard > Posts > Add New
http://drsil.wordpress.com/wp-admin/post-new.phpMake sure you have third party cookies enabled on your browser please or you will continue to have issues http://en.support.wordpress.com/third-party-cookies/#how-do-i-enable-third-party-cookies
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>
- The topic ‘Need help with images vs text on page’ is closed to new replies.