TICK SYMBOL IN HTML/XHTML

Pravesh Singh

Total Post:101

Points:709
Posted by  Pravesh Singh
HTML5 
 1812  View(s)
Ratings:
Rate this:

We need to display a tick symbol ( or ) within an internal web app and would ideally like to avoid using an image.

Has to work starting with IE 6.0.2900 on a XP box, ideally we need it be cross-browser (IE + recent versions of FF).

The following displays boxes although sets browser encoding to UTF-8 (META works nicely and not the issue). The default font is Times New Roman (might be an issue, but trying Lucida Sans Unicode doesn't help and I don't have neither Arial Unicode MS, nor Lucida Grande installed).

<html>           

<head>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

</head>

<body>

 &#10003; &#10004;

</body>

</html>

Any help appreciated.

The following works under IE 6.0 and IE 7:

<html>

<head>

</head>

<body>

 <span style="font-family: wingdings; font-size: 200%;">&#252;</span>

</body>

</html>

I would appreciate if someone could check under FF on Windows. I am pretty sure it won't work on a non Windows box.

  1. Sumit Kesarwani

    Post:378

    Points:2694
    Re: Tick symbol in HTML/XHTML

    Hi Pravesh,

    Why don't you use the HTML input checkbox element in read only mode

    <input type="checkbox" disabled="disabled" /> and

    <input type="checkbox" checked="checked" disabled="disabled" />

    I assume this will work on all browsers.

Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!