Forum Moderators: open
I am currently working on my second site.
One of the pages is a price list.
In the mark I have tried doing the pound signs straight from the keyboard, and also using the character key which is £
Both these methods work in I.E and Firefox fine.
Unfortunately they don't in Safari. I get a strange circular symbol with a line through it.
I have tried specifying the language within the HTML like this
<html lang="en"> but that doesn't seem to do the trick either.
The code for the list is as below:
<ul>
<li><span>£25.00</span>Ladies Cut & Finish</li>
<li><span>£12.00</span>Mens Cut & Finish</li>
<li><span>£10.00</span>Children's Cut & Finish</li>
<li><span>£14.00</span>Blow Dry - Long Hair</li>
<li><span>£10.00</span>Blow Dry - Short Hair</li>
<li><span>£18.00</span>vaHair up UpDATED!</li>
</ul>
Does anyone have any suggestions, I'm sure it's something simple but I just can't see what it is?
Thanks
Such as....
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML lang="en">
<head>
<title>Welcome to [website name]</title>
<link rel="stylesheet" type="text/css" href="../pride_css.css"/>
<link rel="stylesheet" type="text/css" href="../IEwidths.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
</head>
<body class="prices_page" id="hair">
Thanks again (and hope you can help)
Erdy
<Sorry, no specifics.
See Forum Charter [webmasterworld.com]>
[edited by: tedster at 7:33 pm (utc) on April 19, 2007]
(Using just the £ sign gave odd characters though, £, all worked fine when I tried utf-8 charset)
I'd guess penders may be right, my machine is set to
American English right now if that helps.
Thanks again
Erdy.
When I display it without the CSS file the pound signs appear?
Maybe there is a problem in how the font info is defined in the CSS...? Assuming you are testing on the same machine, I cannot see how it is a problem with the font itself, but maybe there is a peculiarity with the CSS that Safari does not like ...?! Not sure what that could be though... perhaps if you posted your (font) CSS it might help...
Just one thing... is the same font being used by all browsers?
body {
background: #000;
text-align: center;
font-family: sans-serif;
}
Just out of interest, the pound signs do appear on the mac if I use Opera.
Still banging my head against the wall with this one.
Thanks again
Erdy
font-family: Helvetica, Arial, sans-serif;Does that make any difference?
font-family: sans-serif;
You are only specifying a generic font-family, not specifying any particular named font. So, it will be entirely upto the browser which font is used - so long as it is a sans-serif font. This could explain the difference between Safari and Opera (on the same machine).
Also, the end user can often specify which font will be used when a generic font-family is specified in their browser. So no guarantee what will be used! (FF/win defaults to using Arial as the default sans-serif font.)
[edit]
So, like encyclo suggests (I was half-way through my reply already :) it's a good idea to specify some named fonts before the generic one. Then the generic one will only be used if the others aren't found on the machine.
can't believe this! It works with:
font-family: arial, futura, tahoma;
Which is good, but still doen't explain what was going wrong?
Erdy.
...but still doen't explain what was going wrong?
It would appear that the generic font (
font-family:sans-serif) that Safari was using (which could be anything?) does not contain the pound character?!
What do you get if you remove the
font-familyline altogether?
