Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

tick character in IE

Posted on 2006-12-02
12
13,216 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
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
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

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Why a span is lower 2 26
Diminish Pop-up  in 3 seconds 7 45
convert Systemjs to Webpack 3 28
..ignore the Question 1 6
This article discusses four methods for overlaying images in a container on a web page
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

840 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