Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

cross-browser ticks and crosses

Status
Not open for further replies.
fishiface

fishiface

IS-IT--Management
Feb 24, 2003
687
GB
I need to display ticks and crosses in a web page. They do not have HTML character entities and I am struggling to find a cross-browser-compatible way to display them. I am currently using
Code: 
.tick   { font-family: WingDings; color: green; }
.cross  { font-family: WingDings; color: red; }
in the css and "\xFE" or "\xFD" in the HTML. This works for i.e. but not Firefox, which displays different characters. Copying and pasting the webpage into, eg, Thunderbird also gives undesireable results.

Has anybody cracked this one?

["]As soon as we started programming, we found to our surprise that it wasn't as easy to get programs right as we had thought. Debugging had to be discovered. I can remember the exact instant when I realized that a large part of my life from then on was going to be spent in finding mistakes in my own programs.["]
--Maur
 
Sort by date Sort by votes
Hi

Interesting. Safari also displays the Wingding characters, but Opera is with Mozillas : does not display them properly.

Anyway. You wrote "cross-browser-compatible way". If you would like also cross-operating-system way, then forget fonts and use images.

Feherke.
 
Upvote 0 Downvote
Use images. Wingdings are not a web save font and I am sure there is a lot of computers that will not have this font installed and users will have no idea what you're trying to show them. If you use images, that is your best bet that you will be able to achieve uniform look across all the browsers.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]
 
Upvote 0 Downvote
That's the conclusion I was drifting towards. I didn't immediately choose images as they can problematic when pasting from web pages into other applications. They are also much less efficient.

I'm tempted to play with square roots and greek Chi characters but, as a solution, it's a bit naff.

Out of interest, does anyone know why they are not standard entities? Are they particularly uk-specific, for example?

["]As soon as we started programming, we found to our surprise that it wasn't as easy to get programs right as we had thought. Debugging had to be discovered. I can remember the exact instant when I realized that a large part of my life from then on was going to be spent in finding mistakes in my own programs.["]
--Maur
 
Upvote 0 Downvote
AARRRGHH - I forgot to say thank-you.

Sorry, and thanks for your prompt and helpful responses.

f
 
Upvote 0 Downvote
Thanks, feherke, for the suggestion. I've tried the following HTML and it works in firefox and opera but only showws square boxes for both glyphs in i.e.
Code: 
<HTML lang=en xml:lang="en" xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
    <HEAD>
        <META http-equiv=content-type content="text/html; charset=UTF-8">
    </HEAD>

    <BODY>
        <P>Cross : &#x2612; </P>
        <P>Tick  : &#x2611; </P>
    </BODY>
</HTML>

Can you see any mistakes?

Yours,


[&quot;]As soon as we started programming, we found to our surprise that it wasn't as easy to get programs right as we had thought. Debugging had to be discovered. I can remember the exact instant when I realized that a large part of my life from then on was going to be spent in finding mistakes in my own programs.[&quot;]
--Maur
 
Upvote 0 Downvote
Hi

Yes, and in Safari are also just square boxes. There isno error. If you take a look at the URL I gave, you can see that neither its author was able to make the same glyphs work in all browser. The Unicode is just alternative, not solution.

As Vragabond and myself suggested, better use images.

Feherke.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
773
spamjim
spamjim
lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
204
lmcate
lmcate
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
1K
Mike Lewis
Mike Lewis
PeDa
  • Locked
  • Question
Horizontal rule and CSS problem 2
Replies
2
Views
637
PeDa
PeDa
CoolBreeze007
  • Locked
  • Question
Unable to make HTML element adjust with the resizing of the browser
Replies
0
Views
131
CoolBreeze007
CoolBreeze007

Part and Inventory Search

Sponsor

Back
Top