Solved

tick character in IE

Posted on 2006-12-02
12
13,213 Views
Last Modified: 2013-12-03
I'm trying to use the tick character in IE, it works in firefox. but in IE appears as a box.

the character is ✔ OR ✓

Could it be something to do with the encoding?

How can i get a tick character to appear in IE and Firefox?
0
Comment
Question by:VirusMinus
  • 5
  • 4
  • 2
  • +1
12 Comments
 
LVL 16

Expert Comment

by:HackneyCab
ID: 18060051
Usually (but not always) the empty box character means that the font being used is not capable of showing the requested glyph.

For some reason, Internet Explorer doesn't seem to care what font is used, it just won't show the symbol. (Even the Wikipedia page about the tick (checkmark) just shows a set of empty boxes for the symbols.) This is one of the many, many reasons why I hate Internet Explorer.

Hopefully someone else has a work-around.

In the meantime, could you use a small graphic and give it a suitable alt attribute?
0
 
LVL 84

Expert Comment

by:ozo
ID: 18060404
My Internet Explorer does seem to have the Unicode character set loaded.
but since you can't count on everyone's Internet Explorer, using a small graphic <img> is proably the best alternative.
0
 
LVL 16

Expert Comment

by:HackneyCab
ID: 18060994
ozo, do you see the checkmark (tick) character appear in IE for the page in Wikipedia?

http://en.wikipedia.org/wiki/Tick_%28checkmark%29
0
Comprehensive Backup Solutions for Microsoft

Acronis protects the complete Microsoft technology stack: Windows Server, Windows PC, laptop and Surface data; Microsoft business applications; Microsoft Hyper-V; Azure VMs; Microsoft Windows Server 2016; Microsoft Exchange 2016 and SQL Server 2016.

 
LVL 6

Expert Comment

by:hc0904pcd
ID: 18066917
0
 
LVL 30

Author Comment

by:VirusMinus
ID: 18067037
Hey folks, I can see the tick character in IE in Wikipedia.
0
 
LVL 30

Author Comment

by:VirusMinus
ID: 18067050
How do they do it for IE? if i do a view souce i still see a tick mark no special characters to make the tick
0
 
LVL 84

Expert Comment

by:ozo
ID: 18067313
charset=utf-8
0
 
LVL 16

Accepted Solution

by:
HackneyCab earned 500 total points
ID: 18067818
Yes, the Wikipedia page simply uses unicode characters, not entities.

I wonder why you can see those characters in Internet Explorer 7, but others cannot. It can't be an encoding problem, otherwise no one should see them correctly.

Why does it always seem to be IE that gives webmasters trouble?
0
 
LVL 30

Author Comment

by:VirusMinus
ID: 18073382
Ok i see how Wiki does it.

Do be able to display the tick character correctly. IE needs to explicitly use a font on the client's machine that has unicode support.

The tick character is enclosed in a span like this;

<span class="unicode">&#10004;</span>

The wikipedia css has the following:

.unicode {font-family: Code2000, TITUS Cyberbit Basic, Doulos SIL, Chrysanthi Unicode, Bitstream Cyberbit, Bitstream CyberBase, Thryomanes, Gentium, GentiumAlt, Visual Geez Unicode, Lucida Grande, Arial Unicode MS, Microsoft Sans Serif, Lucida Sans Unicode;}

this has fonts and backup fonts that can render the unicode character.

without that, the default IE font set cannot display the character.
0
 
LVL 16

Expert Comment

by:HackneyCab
ID: 18075350
Wow, I only have the last two of those fonts.

But I still don't see the tick in Wikipedia while using IE. I do see it in Firefox.

What's weird is that there's a page online that has Arabic characters, which I can see with Opera and IE, but not with Firefox.

I'd love to know what's going on. It's all pretty confusing.
0
 
LVL 30

Author Comment

by:VirusMinus
ID: 18075553
Have you tried changing your character encoding to see if it shows up in IE?
0
 
LVL 16

Expert Comment

by:HackneyCab
ID: 18076250
The encoding is correct (changing the encoding replaces the empty boxes with garbage).

I'm using IE7, what version are you running?
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question