Home > DeveloperSection > Forums > Tick symbol in HTML/XHTML
Pravesh Singh
Pravesh Singh

Total Post:101

Points:709
Posted on    September-25-2013 3:22 AM

 HTML5 HTML5 
Ratings:


 1 Reply(s)
 1282  View(s)
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.



Sumit Kesarwani

Total Post:378

Points:2694
Posted on    September-25-2013 6:25 AM

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.


Don't want to miss updates? Please click the below button!

Follow MindStick