Readdy Write
Zeichen ; UTF8 ; Ascii ; w3c ; css ;

Html Ascii Dreiecke Zeichen werden nicht dargestellt.

17.07.2018 (👁6585)

Html UTF8 Ascii Dreiecke Zeichen nicht dargestellt, deshalb muss man benannte HTML Zeichen einsetzen.

So traurig es auch schein mag: man kann leider nicht alle Ascii Zeichen in eine Webseite einbauen, wie man will.

Viele Zeichen erscheinen auf einem Samsung S5 oder Samsung Tablet S3 als unbekanntes Kreuz, obwohl am PC Browser alles stimmt.

Deshalb hier der Umbau für Ascii mit UTF8 zu benannten Html Sonderzeichen

⯈  wird zuà ▸

"RightTriangle"; //▷

"blacktriangleleft";//⯇ W3C conform

"blacktriangleleft";//⯇ W3C conform

<div id="divNext" style="position:fixed;bottom:50px;left:0px;display:flex;flex-direction:row;">

 

    @*-----< Next >-----*@

    @{

        //----< Get_Next_Info() >----

        //*read QueryString and ViewData[]

        string sSearch = Context.Request.QueryString.ToString();

        var IDNext = ViewData["IDNext"];

        var IDPrevious = ViewData["IDPrevious"];

        string sIDNext = "";

        string sCharNext = "blacktriangleright";//⯈ W3C conform

        if (IDNext != null)

        {

            sIDNext = Website_Constants.URL_Domain_Base + "/Notes/Details/" + IDNext.ToString() + sSearch;

        }

        else

        {

            sIDNext = Website_Constants.URL_Domain_Base + "/Notes" + sSearch;

            sCharNext = "RightTriangle"; //▷

        }

 

        string sIDPrevious = "";

        string sCharPrevious = "blacktriangleleft";//⯇ W3C conform

        if (IDPrevious != null)

        {

            sIDPrevious = Website_Constants.URL_Domain_Base + "/Notes/Details/" + IDPrevious.ToString() + sSearch;

        }

        else

        {

            sIDPrevious = Website_Constants.URL_Domain_Base + "/Notes" + sSearch;

            sCharPrevious = "blacktriangleleft";//⯇ W3C conform

        }

        //----</ Get_Next_Info() >----

    }

    <style>

        .NextLink {

            text-align: center;

            width: 60px;

            height: 40px;

            -moz-appearance: button;

            -webkit-appearance: button;

            font-size: xx-large;

            display: inline-block;

        }

    </style>

 

    <div class="NextLink"><a href="@sIDPrevious">&@sCharPrevious;</a></div>

    <div class="NextLink"><a href="@sIDNext">&@sCharNext;</a></div>

</div>

@*-----</ Next >-----*@

⊲
⊳
0,00 €