Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Hebrew Text Shows Gibberish


Hello,

Im trying put a hebrew text to this page (pls view in mobile) and it looks bad.. http://www.eretz.cloudrocket.co.il/NewOrderForm.aspx?User=yoel&Pas=5238&ActivityCode=%20NewOrder

Need help asap.

Jonah


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (8)


Hi,

May I know which template and version you are using?

In our templates we do not have such code: https://i.imgur.com/sXsAAtj.png and this seems to cause the issue.

You can try to remove the below code in your HTML head:


/*
Label the data
*/
td:nth-of-type(1):before { content: ""; }
td:nth-of-type(2):before { content: ""; }
td:nth-of-type(3):before {/* content: "&times;&sup3;&Acirc;&#158;&times;&sup3;&iexcl;&times;&sup3;&acirc;&#130;&ordf;&times;&sup3;&uml; &times;&sup3;&rdquo;&times;&sup3;&ndash;&times;&sup3;&Acirc;&#158;&times;&sup3;&nbsp;&times;&sup3;&rdquo;"; */} /* Order No. */
td:nth-of-type(4):before { content: "&times;&sup3;&times;&times;&sup3;&Acirc;&#144;&times;&sup3;&uml;&times;&sup3;&trade;&times;&sup3;&Acirc;&#154;"; } /* Date */
td:nth-of-type(5):before { content: "&times;&sup3;&trade;&times;&sup3;&Acirc;&#158;&times;&sup3;&trade;&times;&sup3;&Acirc;&#157;"; } /* Days */
td:nth-of-type(6):before { content: "&times;&sup3;&trade;&times;&sup3;&trade;&times;&sup3;&cent;&times;&sup3;&ldquo;"; } /* Destination */
td:nth-of-type(7):before { content: "&times;&sup3;&rdquo;&times;&sup3;&times;&times;&sup3;&trade;&times;&sup3;&trade;&times;&sup3;&brvbar;&times;&sup3;&lsquo;&times;&sup3;&bull;&times;&sup3;&times;"; } /* Stabilization */
td:nth-of-type(8):before { content: "&times;&sup3;&nbsp;&times;&sup3;&ldquo;&times;&sup3;&uml;&times;&sup3;&copy;"; } /* Required */
td:nth-of-type(9):before { content: "&times;&sup3;&copy;&times;&sup3;&cent;&times;&sup3;&times; &times;&sup3;&rdquo;&times;&sup3;&times;&times;&sup3;&trade;&times;&sup3;&trade;&times;&sup3;&brvbar;&times;&sup3;&lsquo;&times;&sup3;&bull;&times;&sup3;&times;"; } /* Check-in Time */
td:nth-of-type(10):before { content: "&times;&sup3;&copy;&times;&sup3;&cent;&times;&sup3;&times; &times;&sup3;&iexcl;&times;&sup3;&trade;&times;&sup3;&bull;&times;&sup3;&Acirc;&#157;"; } /* End Time */
td:nth-of-type(11):before { content: "&times;&sup3;&rdquo;&times;&sup3;&cent;&times;&sup3;&uml;&times;&sup3;&bull;&times;&sup3;&times;"; } /* Remarks */
td:nth-of-type(12):before { content: "&times;&sup3;&iexcl;&times;&sup3;&tilde;&times;&sup3;&tilde;&times;&sup3;&bull;&times;&sup3;&iexcl;"; } /* Status */


Regards.



Hello, nope.. I cant remove that code.. i will send you the original code form the html file.


That was the data in html file
/*
Label the data
*/
td:nth-of-type(1):before { content: ""; }
td:nth-of-type(2):before { content: ""; }
td:nth-of-type(3):before { content: "מספר הזמנה"; } /* Order No. */
td:nth-of-type(4):before { content: "תאריך"; } /* Date */
td:nth-of-type(5):before { content: "ימים"; } /* Days */
td:nth-of-type(6):before { content: "ייעד"; } /* Destination */
td:nth-of-type(7):before { content: "התייצבות"; } /* Stabilization */
td:nth-of-type(8):before { content: "נדרש"; } /* Required */
td:nth-of-type(9):before { content: "שעת התייצבות"; } /* Check-in Time */
td:nth-of-type(10):before { content: "שעת סיום"; } /* End Time */
td:nth-of-type(11):before { content: "הערות"; } /* Remarks */
td:nth-of-type(12):before { content: "סטטוס"; } /* Status */



Even if i directly add hebrew text to <p> tag, it will still display worse



Can you output the above contents by converting to utf8 encoding using your server-side language? The issue is with the formatting. The content should be converted into utf8 format and you should do it with your server-side code. I hope this guide will be helpful.



the file OrderInput.aspx was already saved as utf8 file. Content text on that css cant be converted to in server side.. because it is set every row of the table when viewed thru mobile.

Any help, how I can display the hebrew text nicely when hardcoded in html file?



The issue is here in the generated HTML code.
Can you check the source of your page https://i.imgur.com/y6ZOdqb.png

As can be seen, the text was generated in the wrong format and this has to be fixed on your server side. Not related to Metronic itself.



Why do metronic doesnt display hebrew text nicely if its hardcoded?



The text is displayed as it is put:
https://i.imgur.com/y6ZOdqb.png

This text is not processed by Metronic. Metronic is an HTML template and it does not convert the text you displaying.

The other Hebrew content is shown properly since its generated properly.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(