MS Word uses HTML with Apple-style-span in the output coding.This is also a web-kit browser (Safari and Chrome) output coding as well. The problem is this attribute is unnecessary and clusters up the HTML coding. Sometimes this can cause your Template Designer (CSS coding) to be unresponsive.
This is what normal HTML looks like. (Depending on Browser)
<span style="background-color:#ffff00">Test</span><br>
When using Word the generated HTML is cluttered with class="Apple-style-span" attributes.Example:
<font class="Apple-style-span"><span class="Apple-style-span"
style="background-color:#ffff00">Test</span></font><br>
Apple-style-span is simply a pointless and unneeded HTML code. You can also look at this as Messy HTML coding. I will be explaining how to fix this issue at the bottom.style="background-color:#ffff00">Test</span></font><br>
While MS Word may have the Apple-style-span attribute, MS Office uses MsoNormal attribute. This is much like the MS Word problem with being completely useless and pointless in all ways. The only difference is the Apple-style-span attribute is replaced with MsoNormal attribute.
MS Office also has another issue not seen in MS Word, while Word only uses HTML output coding, Office sometimes uses a CSS output as well. CSS coding is different from HTML in many ways and CSS is what the Template Designer uses to function. So by pasting content into your post from Office you may end up with a snippet of CSS coding in that post. Unlike HTML which only controls the in-line styles, CSS controls everything on the page it displays on.You may even see your sidebar links effected by this as well. In other words your template styles are no longer in control of your font making the Template Designer commands useless on a page that display this.
This below is an example of coding actually pulled from a users blog post.
<style>p.MsoNormal, li.MsoNormal, div.MsoNormal { margin: 0in 0in 0.0001pt; font-size: 12pt; font-family: Times; }h1 { margin: 0in 0in 0.0001pt; page-break-after: avoid; font-size: 12pt; font-family: Times; font-weight: normal; font-style: italic; }a:link, span.MsoHyperlink { color: blue; text-decoration: underline; }a:visited, span.MsoHyperlinkFollowed { color: purple; text-decoration: underline; }div.Section1 { page: Section1; }</style>
|
Thank you so much for this information - I thought I had got my colour and underline sorted but when I went to check my page again it was still there. Wonder if you can help me - http://redroaddesign.blogspot.com/ I want to remove the blue underline & colour on the links and blog title - can you help please? The layout is Simple and I have a Mac / use Firefox. Cheers Jay
ReplyDeleteJust about everyone of your post on your homepage you need to redo. Everyone of them I see a mess of MS Office coding in and that is what is causing your problem.
ReplyDeleteThank you soooo much AOW! I went through my posts and did option 2. I just have to go back and put the pictures back now but the blue and the underline have gone. It's great and I really appreciate your help. Last question - how do I put a post up so it doesn't happen again? Do I continue to do Option 2 every time I post something on my blog or is it fixed? Ta! Jay
ReplyDeleteWell if you don't paste from MS Office or Word it wont happen. But if you must post from one of them then when you paste the content into the Blogger post, do so in Edit HTML mode instead of Compose.
ReplyDeleteThat's helpful. Thanks!
ReplyDeletei have try the way that u teach bt i stil the same...could u pls help me to see wat is the problem act?
ReplyDeleteWhat problems are you having?
ReplyDeletewhen i publish, the word that came out is no color....http://www.blogger.com/post-create.g?blogID=95603175717347600 maybe u can have a look on it..
ReplyDeleteThe link your giving me I can not use, that is only for you and other admins. But if your saying that after you followed the instructions about removing the formatting the color was gone then that is the point. Coloring is formatting and the problem is Word has a different formatting then Blogger. You have to remove the formatting (Color) to fix the problem and re-color it with Blogger Editor.
ReplyDeleteI made a post directly on my blog. I tried the 1st option but I could not see the blog post editor and when I try the second option, I still couldnt see my posts.
ReplyDeletePlease help me because my blog is my life....
ReplyDeleteIt looks like you have removed all the MSO formatting and your blog looks fine to me now. If your still having trouble try clearing your browser cache.
ReplyDeleteOkay... Thank you for the information...
ReplyDelete