Known Participant

Question

Where Spacing is displaying in the HTML page, the letter A displays

Forum|Forum|5 years ago
September 23, 2020
11 replies
1705 views

I have created a project and the HTML pages are displying the Letter A where I have inserted spaces. How can I get this letter A to stop displaying on my HTML pages?

This topic has been closed for replies.

Jeff_Coatsworth

Community Expert

@NorthernGirl - did you get this resolved? Was it the server encoding that was messed up?

A

Amebr

Community Expert

Do you only see the problem when you access the file from the web server, that is, it looks fine when you view the output on your local hard drive?

If the problem is only from the web server, then it sounds like the webserver is encoding the page as iso-8859-1 charset, when the content is actually using utf-8. See this page where it states that non-breaking-space in UTF-8 displays as Â in the 8859 encoding. https://stackoverflow.com/a/1462039

I believe this can only be fixed by the web server admin changing the http header sent by the server to utf-8. https://www.w3.org/International/articles/http-charset/index

Troubleshooting this is also complicated because you can't see non-breaking spaces in Robohelp - they just look like regular spaces. I don't think they make it into the forum as a non-breaking space either, so copying your code won't replicate the problem for us. I managed to fake it by copying your code into a standalone html page, adding <meta charset="ISO-8859-1" /> in the head and manually typing Shift+Space to enter the non-breaking space after "Addresses".

Peter Grainge

Community Expert

How did the RoboHelp 8 project get to RoboHelp 2019, by importing the topics or upgrading?
All the content in the head section is not anything that I am recognising as being created in RoboHelp.
Have the topics been worked on outside RoboHelp?

I can't help but think there is something about your workflow that is not in the thread but is relevant.

What you refer to as "A"s are a character I have seen in code rather than a space.

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Jeff_Coatsworth

Community Expert

Here's what I see in IE:

N

NorthernGirlAuthor

Known Participant

And when I open a new Internet Explorer welpage, and paste the URL in, I still get the Letter A displaying.

Sharon RestouleSenior Systems Analyst/ProgrammerMinistry of Solicitor General and Correctional Services

N

NorthernGirlAuthor

Known Participant

I cleared the Browing History and it still shows the Letter A.

Sharon RestouleSenior Systems Analyst/ProgrammerMinistry of Solicitor General and Correctional Services

Jeff_Coatsworth

Community Expert

What version of IE are you testing with? I just did a quickie copy & paste of the bit where it talks about OCDADDRE & it rendered fine in IE11.

N

NorthernGirlAuthor

Known Participant

Sharon RestouleSenior Systems Analyst/ProgrammerMinistry of Solicitor General and Correctional Services

N

NorthernGirlAuthor

Known Participant

Ministry Standard Web Brower.

Sharon RestouleSenior Systems Analyst/ProgrammerMinistry of Solicitor General and Correctional Services

Jeff_Coatsworth

Community Expert

The screenshot that has this -

"There are some characters at the beginning of OIDITRAN and you will notice the letter A after the number 1 under Institution. #2, letter A after the work Click and then again at the end. "

in it - what's in the coding at that point?

N

NorthernGirlAuthor

Known Participant

Yes, sorry, the first screen print is the output. The others are source code.

Sharon RestouleSenior Systems Analyst/ProgrammerMinistry of Solicitor General and Correctional Services

N

NorthernGirlAuthor

Known Participant

Here is the whole Source code for that Screen specific Help HTML douc

<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html>
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/1999/xhtml">
<head></head>
<body lang="EN-CA" xml:lang="EN-CA" style="tab-interval: 36.0pt;">
<p><b style="font-family: Arial, sans-serif;"><font color="#0000CC">OCDADDRE - Addresses</font></b><span style="font-family: Arial, sans-serif;"> </span><span style="font-family: Arial, sans-serif;"><font color="#0000CC" style="font-size: 8.000000pt;">(</font></span> <span style="font-family: Arial, sans-serif;"> <font color="#000080" style="font-size: 8.000000pt;">show</font> </span><span style="font-family: Arial, sans-serif;"> </span><span style="font-family: Arial, sans-serif;"><font style="font-size: 8pt;"><a href="../../Institution/Common_screens_with_comm/ocdaddre.htm">Institution)</a>Need Help?</font></span>
<font style="font-family: Arial, sans-serif; font-size: 8pt;"><a href="mailto:OPSSD@ontario.ca?subject=OTIS: OCDADDRE - Addresses (Community) screen specific&amp;body=System: OTIS - Please create a ticket for this email...Thank You%0A%0AScreen: OCDADDRE - Addresses (Community)%0A%0AClient OTIS ID:%0A%0AClient Last Name, First Name, and Middle Name:%0A%0aProblem Description *** Please document as much detail as possible ***"
style="font-family: Arial, sans-serif;"><img alt="Mailbox3.gif" border="0" height="36" src="../../assets/images/Mailbox3.gif" style="border: none;" width="36"/></a></font><span style="color: windowtext; font-size: 12pt;">  </span></p>
<div class="Section1" style="width: 576px; height: 139px; margin-right: 211px;">
<div class="MsoNormal" style="margin-top: 0px; margin-bottom: 0px; 
height: 159px;">
<hr align="center" size="4" style="border: none; color: #0000ff; background-color: #0000ff;" width="100%" />
<p style="font-size: 10pt; font-family: Arial, sans-serif;">COMMUNITY  - this is to demonstrate the Letter A appearing in the position of spaces.</p>
<p style="font-size: 10pt; font-family: Arial, sans-serif;">1.  Click this link to access the <a href="http://intra.mcs.gov.on.ca/content/otis/training_guides/CS/Intake_Process.pdf" style="font-size: 10pt; 
font-family: Arial, sans-serif; 
font-weight: bold; font-style: italic;">Intake Process Table of Contents</a></p>
<p style="font-size: 10pt; font-family: Arial, sans-serif;">____________________________</p>
<p style="font-size: 10pt; font-family: Arial, sans-serif;">2. Click  <span><i><b style="color: #0000ff; font-weight: bold; 
font-style: italic;">Addresses</b></i></span><span style="color: #0000ff;"><font color="blue"> </font></span>within the Table of Contents.</p>
</div>
</div>
<script type="text/javascript" language="javascript1.2">
//<![CDATA[
<!--
if (window.writeIntopicBar)
writeIntopicBar(0);
highlightSearch();
//-->
//]]>
</script>
<link href="../../../filelist.xml" rel="File-List" type="" />
<link href="../../../editdata.mso" rel="Edit-Time-Data" type="" />
<style type="text/css">
/*<![CDATA[*/
< !--;
@page SECTION1 {
x-size: 612.0pt 792.0pt;
margin: 72.0pt 90.0pt 72.0pt 90.0pt;
mso-header-margin: 36.0pt;
mso-footer-margin: 36.0pt;
mso-paper-source: 0;
}
;
@font-face SECTION1 {
font-family: Wingdings;
panose-1: 5 0 0 0 0 0 0 0 0 0;
mso-font-charset: 2;
mso-generic-font-family: auto;
mso-font-pitch: variable;
mso-font-signature: 0 268435456 0 0 -2147483648 0;
}
;
@list l0 {
mso-list-id: 257980868;
mso-list-type: hybrid;
mso-list-template-ids: 1365946538 -1574641628 949136818 758809732 1626359240 -1886224700 -1834976690 1781539704 -170387720 -1940111770;
}
;
@list l0:level1 {
mso-level-number-format: bullet;
mso-level-text: ;
mso-level-tab-stop: 72.0pt;
mso-level-number-position: left;
margin-left: 72.0pt;
text-indent: -18.0pt;
mso-ansi-font-size: 10.0pt;
font-family: Symbol;
color: #000080;
}
;
@list l1 {
mso-list-id: 397635014;
mso-list-type: hybrid;
mso-list-template-ids: 1459394310 -1574641628 1309687710 -470275660 733128340 77354612 771762496 -1017369588 1354015386 -1816779190;
}
;
@list l1:level1 {
mso-level-number-format: bullet;
mso-level-text: ;
mso-level-tab-stop: 72.0pt;
mso-level-number-position: left;
margin-left: 72.0pt;
text-indent: -18.0pt;
mso-ansi-font-size: 10.0pt;
font-family: Symbol;
color: #000080;
}
;
@list l2 {
mso-list-id: 868956560;
mso-list-type: hybrid;
mso-list-template-ids: -211487672 -1574641628 67698691 67698693 67698689 67698691 67698693 67698689 67698691 67698693;
}
;
@list l2:level1 {
mso-level-number-format: bullet;
mso-level-text: ;
mso-level-tab-stop: 72.0pt;
mso-level-number-position: left;
margin-left: 72.0pt;
text-indent: -18.0pt;
mso-ansi-font-size: 10.0pt;
font-family: Symbol;
color: #000080;
}
;
@list l2:level3 {
mso-level-number-format: bullet;
mso-level-text: ;
mso-level-tab-stop: 108.0pt;
mso-level-number-position: left;
text-indent: -18.0pt;
font-family: Wingdings;
}
;
@list l3 {
mso-list-id: 1691492911;
mso-list-type: hybrid;
mso-list-template-ids: 1365946538 -1574641628 949136818 758809732 1626359240 -1886224700 -1834976690 1781539704 -170387720 -1940111770;
}
;
@list l4 {
mso-list-id: 1724015568;
mso-list-type: hybrid;
mso-list-template-ids: 1459394310 -1574641628 1309687710 -470275660 733128340 77354612 771762496 -1017369588 1354015386 -1816779190;
}
;
@list l5 {
mso-list-id: 1845240874;
mso-list-type: hybrid;
mso-list-template-ids: 487613446 -1574641628 67698691 67698693 67698689 67698691 67698693 67698689 67698691 67698693;
}
;
SECTION1 {
font-family: Wingdings;
panose-1: 5 0 0 0 0 0 0 0 0 0;
mso-font-charset: 2;
mso-generic-font-family: auto;
mso-font-pitch: variable;
mso-font-signature: 0 268435456 0 0 -2147483648 0;
}
hr.WHS1 {
float: aligncenter;
}
img_whs3 {
width: 582px;
height: 164px;
}
img_whs5 {
width: 378px;
height: 106px;
}
img_whs6 {
width: 386px;
height: 108px;
}
div.WEBHELPPOPUPMENU {
left: 0px;
position: absolute;
top: 0px;
visibility: hidden;
z-index: 4;
}
p.MsoNormal {
margin: 0cm;
margin-bottom: .0001pt;
mso-pagination: widow-orphan;
font-size: 12.0pt;
font-family: Times New Roman;
mso-fareast-font-family: Times New Roman;
color: windowtext;
}
li.MsoNormal {
margin: 0cm;
margin-bottom: .0001pt;
mso-pagination: widow-orphan;
font-size: 12.0pt;
font-family: Times New Roman;
mso-fareast-font-family: Times New Roman;
color: windowtext;
}
div.MsoNormal {
margin: 0cm;
margin-bottom: .0001pt;
mso-pagination: widow-orphan;
font-size: 12.0pt;
font-family: Times New Roman;
mso-fareast-font-family: Times New Roman;
color: windowtext;
}
LI.p-MsoNormal {
mso-pagination: widow-orphan;
font-size: 12.0pt;
font-family: Times New Roman;
mso-fareast-font-family: Times New Roman;
color: windowtext;
}
a:link {
color: #0000ff;
text-underline: single;
text-decoration: underline;
}
span.MsoHyperlink {
color: #0000ff;
text-underline: single;
text-decoration: underline;
}
a:visited {
color: #0000ff;
text-underline: single;
text-decoration: underline;
}
span.MsoHyperlinkFollowed {
color: #0000ff;
text-underline: single;
text-decoration: underline;
}
p {
margin-right: 0cm;
mso-margin-top-alt: auto;
mso-margin-bottom-alt: auto;
margin-left: 0cm;
mso-pagination: widow-orphan;
font-size: 12.0pt;
font-family: Times New Roman;
mso-fareast-font-family: Times New Roman;
color: #000066;
}
LI.p {
mso-margin-top-alt: auto;
mso-margin-bottom-alt: auto;
mso-pagination: widow-orphan;
font-size: 12.0pt;
font-family: Times New Roman;
mso-fareast-font-family: Times New Roman;
color: #000066;
}
p.whs2 {
mso-style-name: whs2;
margin-right: 0cm;
mso-margin-top-alt: auto;
mso-margin-bottom-alt: auto;
margin-left: 0cm;
text-align: center;
mso-pagination: widow-orphan;
font-size: 12.0pt;
font-family: Times New Roman;
mso-fareast-font-family: Times New Roman;
color: #000066;
}
li.whs2 {
mso-style-name: whs2;
margin-right: 0cm;
mso-margin-top-alt: auto;
mso-margin-bottom-alt: auto;
margin-left: 0cm;
text-align: center;
mso-pagination: widow-orphan;
font-size: 12.0pt;
font-family: Times New Roman;
mso-fareast-font-family: Times New Roman;
color: #000066;
}
div.whs2 {
mso-style-name: whs2;
margin-right: 0cm;
mso-margin-top-alt: auto;
mso-margin-bottom-alt: auto;
margin-left: 0cm;
text-align: center;
mso-pagination: widow-orphan;
font-size: 12.0pt;
font-family: Times New Roman;
mso-fareast-font-family: Times New Roman;
color: #000066;
}
LI.p-whs2 {
mso-style-name: whs2;
mso-margin-top-alt: auto;
mso-margin-bottom-alt: auto;
text-align: center;
mso-pagination: widow-orphan;
font-size: 12.0pt;
font-family: Times New Roman;
mso-fareast-font-family: Times New Roman;
color: #000066;
}
div.Section1 {
page: Section1;
}
ol {
margin-bottom: 0cm;
}
ul {
margin-bottom: 0cm;
}
body {
background-color: #ffffd3;
}
-->
/*]]>*/
</style>
<style type="text/css">
/*<![CDATA[*/
< !-- div.WebHelpPopupMenu {
position: absolute;
left: 0px;
top: 0px;
z-index: 4;
visibility: hidden;
}
-->
/*]]>*/
</style>
<style type="text/css">
/*<![CDATA[*/
< !-- div.WebHelpPopupMenu {
position: absolute;
left: 0px;
top: 0px;
z-index: 4;
visibility: hidden;
}
-->
/*]]>*/
</style>
</body>
</html>

Sharon RestouleSenior Systems Analyst/ProgrammerMinistry of Solicitor General and Correctional Services

Jeff_Coatsworth

Community Expert

I would have expected to see something more like
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
The second chunk of code you showed wasn't the same as the part you showed in the first screenshot, right? And this is the output, not the RH source code, correct?

N

NorthernGirlAuthor

Known Participant

<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html>
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/1999/xhtml">
<head></head>
<body lang="EN-CA" xml:lang="EN-CA" style="tab-interval: 36.0pt;">
  <p><b style="font-family: Arial, sans-serif;"><font color="#0000CC">OCDADDRE - Addresses</font></b><span style="font-family: Arial, sans-serif;"> </span><span style="font-family: Arial, sans-serif;"><font color="#0000CC" style="font-size: 8.000000pt;">(</font></span>    <span style="font-family: Arial, sans-serif;"> <font color="#000080" style="font-size: 8.000000pt;">show</font> </span><span style="font-family: Arial, sans-serif;"> </span><span style="font-family: Arial, sans-serif;"><font style="font-size: 8pt;"><a href="../../Institution/Common_screens_with_comm/ocdaddre.htm">Institution)</a>Need Help?</font></span>
    <font style="font-family: Arial, sans-serif; font-size: 8pt;"><a href="mailto:OPSSD@ontario.ca?subject=OTIS: OCDADDRE  - Addresses (Community) screen specific&amp;body=System: OTIS  -  Please create a ticket for this email...Thank You%0A%0AScreen: OCDADDRE  - Addresses (Community)%0A%0AClient OTIS ID:%0A%0AClient Last Name, First Name, and Middle Name:%0A%0aProblem Description *** Please document as much detail as possible ***"
        style="font-family: Arial, sans-serif;"><img alt="Mailbox3.gif" border="0" height="36" src="../../assets/images/Mailbox3.gif" style="border: none;" width="36"/></a></font><span style="color: windowtext; font-size: 12pt;">  </span></p>
  <div class="Section1" style="width: 576px; height: 139px; margin-right: 211px;">
    <div class="MsoNormal" style="margin-top: 0px; margin-bottom: 0px; 
		 height: 159px;">
      <hr align="center" size="4" style="border: none; color: #0000ff; background-color: #0000ff;" width="100%" />
      <p style="font-size: 10pt; font-family: Arial, sans-serif;">COMMUNITY  - this is to demonstrate the Letter A appearing in the position of spaces.</p>
      <p style="font-size: 10pt; font-family: Arial, sans-serif;">1.  Click this link to access the <a href="http://intra.mcs.gov.on.ca/content/otis/training_guides/CS/Intake_Process.pdf" style="font-size: 10pt; 
												 font-family: Arial, sans-serif; 
												 font-weight: bold; font-style: italic;">Intake Process Table of Contents</a></p>
      <p style="font-size: 10pt; font-family: Arial, sans-serif;">____________________________</p>
      <p style="font-size: 10pt; font-family: Arial, sans-serif;">2. Click  <span><i><b style="color: #0000ff; font-weight: bold; 
								 font-style: italic;">Addresses</b></i></span><span style="color: #0000ff;"><font color="blue"> </font></span>within the Table of Contents.</p>
    </div>
  </div>

Sharon RestouleSenior Systems Analyst/ProgrammerMinistry of Solicitor General and Correctional Services

N

NorthernGirlAuthor

Known Participant

The first chunk of code did not show the first 3 lines of code. The second shows the first 3 lines of the first chunk of code.

Sharon RestouleSenior Systems Analyst/ProgrammerMinistry of Solicitor General and Correctional Services

Jeff_Coatsworth

Community Expert

What's the HTML of the beginning of the page? Does it have a UTF-8 declaration? Was all this brought in from Word?

N

NorthernGirlAuthor

Known Participant

Is that what is causing the issue?

<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html>
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/1999/xhtml">

Can this code be removed?

Sharon RestouleSenior Systems Analyst/ProgrammerMinistry of Solicitor General and Correctional Services

N

NorthernGirlAuthor

Known Participant

There are approximately 145 screen specific Help that contain this code.

Sharon RestouleSenior Systems Analyst/ProgrammerMinistry of Solicitor General and Correctional Services

Jeff_Coatsworth

Community Expert

I see what you mean - now what's the HTML look like for that line and the numbered points?

N

NorthernGirlAuthor

Known Participant

This is the beginning of the Source code.

<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html>
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/1999/xhtml">

Sharon RestouleSenior Systems Analyst/ProgrammerMinistry of Solicitor General and Correctional Services

Jeff_Coatsworth

Community Expert

You can use the little "Insert Photos" icon in the forum's web interface to post screenshots.
What font are you using in the HTML output?

N

NorthernGirlAuthor

Known Participant

The font that I use is Arial. I've imported my previous project into this New Robohelp 2019. My project was in Robohelp 8.

There are some characters at the beginning of OIDITRAN and you will notice the letter A after the number 1 under Institution. #2, letter A after the work Click and then again at the end.