Solved

tick character in IE

Posted on 2006-12-02
12
13,204 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
 
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
Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

 
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

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

Suggested Solutions

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This article discusses how to create an extensible mechanism for linked drop downs.
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…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

708 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

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now