Draft and preview don't match
-
The preview and draft look completely different – images are displayed in different places, text appears on different lines, there are large gaps between text and image that weren’t there in draft. How can I get my draft to more closely resemble the finished product? I am finding it very frustrating.
The blog I need help with is: (visible only to logged in users)
-
-
You are copying and pasting from Microsoft WORD but failing to do that in the correct manner (see below) therefore the mess you see now may not have been immediately apparent but will be cumulative and will manifest over time.
Microsoft Word is a word processing program that’s not compliant with web standards. The result of copy and pasting from Microsoft Word into the Tiny MCE editor in WordPress blogs can be unexpected, and contain a lot of formatting code that’s not compliant unless you know how to use the built-in features in the Visual editor for using Word cleanly. http://en.support.wordpress.com/visual-editor/#pasting-text
Go here and enable this > Settings > Writing
Formatting
_ WordPress should correct invalidly nested XHTML automatically
“save changes”I recommend using Windows Live Writer for posting to your blog > http://en.support.wordpress.com/xml-rpc/windows-live-writer/
-
oops! I left off the first word above:
If you are copying and pastingBlog editors and word processors are not the same and do not work the same way. The web standard is one blank line only, so you cannot add more blank lines by pressing return repeatedly like you would do with a typewriter or in a word processing application. If you want to learn how to format and space your posts and pages see: http://en.support.wordpress.com/writing-and-formatting-poetry/
If you are working in the Visual editor, to get single spacing between paragraphs hold the SHIFT key down and simultaneously click ENTER at the end of the paragraph.
If you are working in the HTML (Text) editor, a single click of ENTER will give you a single-spaced line, and two clicks of ENTER will result in double spaced lines.
Read more here > http://onecoolsitebloggingtips.com/2011/09/13/wordpress-formatting-and-spacing/
P.S. When you create a new post, always make sure the Format tool is set to Paragraph before you start typing. It’s in the Visual editor Row 2 first position “style”. See the illustration here http://en.support.wordpress.com/visual-editor/#row-2 If you forget to do that then edit the post, highlight all in the Visual editor, select Paragraph from the Format tool, switch editor to Text then switch back to Visual and click Update.
-
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 such a prompt answer – you’re right – I was cutting and pasting (mostly) from Word – didn’t know there was a problem with that. I will try what you suggest. Thanks again
-
- The topic ‘Draft and preview don't match’ is closed to new replies.
WordPress.com Forums 