change of encoding shows Weird symbols


Tags: html,css,encoding

Problem :

The unknown symbols after writing some HTML CSS appear in code how and from where they come from

<table width="96%" border="0" cellpadding="0" cellspacing="0">
    <tbody>
        <tr>
            <td width="39%" style="border:1px solid red"></td>
                <td width="60%" valign="center" style="font-size:40px; font-weight:bold; border:1px dashed black; letter-spacing:-0.5px; line-height:100%;"><h4>Personal message</h4></td>
        </tr>
    </tbody>


Do not ask questions why to use tables in html or inner styling the look above is what you see if you write it in Encoding UTF-8 after switching the Encoding to ANSI some characters appear in the code

<table width="96%" border="0" cellpadding="0" cellspacing="0">
    <tbody>
        <tr>
            <td width="39%" style="border:1px solid red"></td>
                <td width="60%" valign="center" style="font-size:40px; font-weight:bold; border:1px dashed black; letter-spacing:-0.5px; line-height:100%;">ā€‹<h4>Personal message</h4>ā€‹</td>
        </tr>
    </tbody>

What I would like to know is why it is happening and how to avoid it?

ā€‹

UPDATE: - What Program did I use? This was created using Notepad++ only with encoding UTF-8 and only after changing to ANSI it showed that there are some unknown characters



Solution :

I tested this strings in my Notepad++ and it seems you have a UTF-8 space in the source code. If you check this table here: http://utf8-chartable.de/unicode-utf8-table.pl?start=8192&number=128&utf8=string-literal

First entries are spaces and my Notepad++ gave me that your chars are: ax80x8B (what matches with the table in the link above).

Probably you created the source-code in a utf-8 text editor. Just open the file in an editor capable of converting between UTF-8 ASCII and save in the correct format.

In your case, convert in the editor to ascii, delete the invalid chars, save it making sure it's ascii and only after that upload to your server. :)

http://notepad-plus-plus.org/

Unfortunately I'm rusty in linux and don't remember any editor capable of doing this but I'm sure there is one.


    CSS Howto..

    How to keep the HTML element aligned when clicked/focused?

    How to fix angular-strap css

    CSS: How to define a centered div with endless vertical borders and an initial height of 100%?

    How can I fix this 3-column layout?

    How to fix animation problems css3

    Unable to show progress bar

    R: Shiny: How to align a gvisTable to the center in shinyapp

    Cant figure out how to apply css to menus in my footer

    How to make a sidebar that stretches to the page length?

    How to make a div move smoothly?

    How do I pre-hide something in preparation to expose it in a jQuery animation?

    How to override css class without touching the HTML?

    How to achieve this awesome CSS animation

    How can I get the text style from window.selection()?

    how to add inline css to rails link_to helper

    How to edit rails app in production env, specifically CSS

    How to create multi-column data entry form using CSS in Asp.Net?

    How to make attractive dropdown menu using css3? [closed]

    I can't figure out how to get display property to work when it comes to multiple div elements

    How to develop two different menu bars for a website (one for all users, and the other one for the Admin) in ASP.NET webfroms?

    How to make a CSS transition work “backwards”?

    How to reference a .css file on a razor view?

    PHP/CSS how to keep my checkboxs from going past my border

    Showing play button and time on each image

    CSS: How to remove the space around? [duplicate]

    Background images: how to fill whole div if image is small and vice versa

    How to change the value depend on css animation?

    How to add space between elements (but not outside of them) using CSS?

    How can I avoid space while using pseudo-elements in multi-line markup?

    How can i add a css rule for this code?