Technically-speaking, I use: Font size changes, bold, italic, and center alignment.
When it works, it looks like this.
When it does not work (which seems to happen when I have to re-upload the file), it ends up like this. It seems the font of choice (Calibri) doesn't appear to show (maybe? not sure). But the more important thing is that the centering is lost on the title/author/etc.
For this upload I ran into the same problem, but I found out that if I edited the submission, uploaded a different random text file, then edited it again to upload the original it works fine.
If I Download the files, all of them are 100% correct. The raw RTF has all the centering/font selection/etc. It's just however the site converts it to HTML I think, that's messing up.
Any ideas? Anyone else run into this before and know of a fix/workaround/way I can upload to prevent it from bugging out?
EDIT: I've inspected the raw HTML files that the portal generates on upload. Working upload here, broken upload here.
In the broken upload, there's a style rule up in the HTML Head that seems to be undoing the center alignment.
- Code: Select all
@page { margin-left: 1.25in; margin-right: 1.25in; margin-top: 1in; margin-bottom: 1in }
P { margin-bottom: 0.08in; direction: ltr; color: #000000; text-align: left; widows: 0; orphans: 0 }
P.western { font-family: "Calibri", serif; font-size: 12pt; so-language: en-US }
P.cjk { font-family: "Arial"; font-size: 12pt; so-language: hi-IN }
P.ctl { font-family: "Liberation Serif"; font-size: 12pt; so-language: hi-IN }
Note the main P CSS rule contains "text-align: left;". If I manually remove this then the text on the file becomes centered again.
In the working upload, no such rule exists:
- Code: Select all
@page { margin: 0.79in }
P { margin-bottom: 0.08in; direction: ltr; color: #000000; widows: 2; orphans: 2 }
P.western { font-family: "Calibri", serif; font-size: 14pt; so-language: en-US }
P.cjk { font-family: "Calibri"; font-size: 14pt; so-language: zh-CN }
P.ctl { font-family: "Arial"; font-size: 12pt; so-language: hi-IN }
I don't know why the uploader/converter is adding this CSS rule, but it's looking like that's the culprit for the lack of centering.