morya1
asked on
Style sheets for Mac machines
I have a website that uses style sheets. I have a style sheet for Netscape and one for IE. However, when viewed on a Mac machine some style sheets don't work.
Any ideas why?
Any ideas why?
Could you specify what "some stylesheets" exactly means? Which elements, which properties don't work?
Are you using a different browser on the Mac, or the same version as when tested on a windows machine (I'm assuming...)?
-Josh
-Josh
ASKER
I am using style sheets. I have one for Netscape and one for IE browsers and they work just fine. However when
the page is viewed on a Mac some of the fonts are so small as to be barely readable.
The CSS in question are these below:
toplinks
{
font-style : normal;
font-size : 75%;
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #003399;
}
.hdsmall
{
font-style : normal;
font-size : 70%;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : black;
}
.login
{
font-style : normal;
font-size : 70%;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : black;
}
.leftnav
{
font-size : 65%;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
It would appear that wherever I have 65% or 70% as a size it is too small. However, there is one incidence where it
is also too small and that is with this:
.navpanel {
font-size:9pt;
font-family:Verdana, Helvetica, Sans-serif;
text-decoration: none;
color : "#000000";
}
Do I just need to increase the % and the pt size, or is there something else I am missing here?
Michael
the page is viewed on a Mac some of the fonts are so small as to be barely readable.
The CSS in question are these below:
toplinks
{
font-style : normal;
font-size : 75%;
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #003399;
}
.hdsmall
{
font-style : normal;
font-size : 70%;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : black;
}
.login
{
font-style : normal;
font-size : 70%;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : black;
}
.leftnav
{
font-size : 65%;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
It would appear that wherever I have 65% or 70% as a size it is too small. However, there is one incidence where it
is also too small and that is with this:
.navpanel {
font-size:9pt;
font-family:Verdana, Helvetica, Sans-serif;
text-decoration: none;
color : "#000000";
}
Do I just need to increase the % and the pt size, or is there something else I am missing here?
Michael
Well I can explain the the problem with the %s. The user can define their default font size in the browser. If they define it to be smaller then it will try to 65% of whatever they defined... So this may be causing what you are seeing. You should use a pt size always...
As for 9pt being small, I'm not sure... It could be that the mac doesn't have one or all of the fonts listed in the font face and it's going to an unexpected font which is smaller. You should check to see what fonts are on that machine. If it doesn't have any of those three fonts, maybe you should add one to the list which includes a default mac font which suits your purpose.
Which browser and version are you using on the Mac??
-Josh
As for 9pt being small, I'm not sure... It could be that the mac doesn't have one or all of the fonts listed in the font face and it's going to an unexpected font which is smaller. You should check to see what fonts are on that machine. If it doesn't have any of those three fonts, maybe you should add one to the list which includes a default mac font which suits your purpose.
Which browser and version are you using on the Mac??
-Josh
ASKER
Okay, I think I may have found the problem.
The code is below:
<a class="hdsmall" href="http://www.ibooks.com"><font size="1" face="Verdana, Geneva, Sans-serif" color="#003399">MyWishList </font></a > |
Question: In a PC stylesheets over rule the font tags. Correct? But do they over ride font tags with a MAC?
Michael
The code is below:
<a class="hdsmall" href="http://www.ibooks.com"><font size="1" face="Verdana, Geneva, Sans-serif" color="#003399">MyWishList
Question: In a PC stylesheets over rule the font tags. Correct? But do they over ride font tags with a MAC?
Michael
ASKER
Okay, I think I may have found the problem.
The code is below:
<a class="hdsmall" href="http://www.ibooks.com"><font size="1" face="Verdana, Geneva, Sans-serif" color="#003399">MyWishList </font></a > |
Question: In a PC stylesheets over rule the font tags. Correct? But do they over ride font tags with a MAC?
Michael
The code is below:
<a class="hdsmall" href="http://www.ibooks.com"><font size="1" face="Verdana, Geneva, Sans-serif" color="#003399">MyWishList
Question: In a PC stylesheets over rule the font tags. Correct? But do they over ride font tags with a MAC?
Michael
ASKER
Okay, I think I may have found the problem.
The code is below:
<a class="hdsmall" href="http://www.ibooks.com"><font size="1" face="Verdana, Geneva, Sans-serif" color="#003399">MyWishList </font></a > |
Question: In a PC stylesheets over rule the font tags. Correct? But do they over ride font tags with a MAC?
Michael
The code is below:
<a class="hdsmall" href="http://www.ibooks.com"><font size="1" face="Verdana, Geneva, Sans-serif" color="#003399">MyWishList
Question: In a PC stylesheets over rule the font tags. Correct? But do they over ride font tags with a MAC?
Michael
Since the font tag is within the anchor tag which has the class, it should override it. If it's not overriding it on windows, that's an error...
You can have the font tag use style sheets too though...
Anyway, you should elliminate the ambiguity. Choose one or the other:
<a href="http://www.ibooks.com"><font size="1" face="Verdana, Geneva, Sans-serif" color="#003399">MyWishList </font></a >
or
<a class="hdsmall" href="http://www.ibooks.com">MyWishList</a>
-Josh
You can have the font tag use style sheets too though...
Anyway, you should elliminate the ambiguity. Choose one or the other:
<a href="http://www.ibooks.com"><font size="1" face="Verdana, Geneva, Sans-serif" color="#003399">MyWishList
or
<a class="hdsmall" href="http://www.ibooks.com">MyWishList</a>
-Josh
ASKER
Thanks.
Well, it's an error that is pretty consistent because on every pc we've tested the style sheet over rides the font tag.
How would I write it to have the font tag use style sheets and why would I want to do that?
And, since pc's are okay with style sheets we can use them but we have to have the font tag in there for older browsers.
If I may ask, how would you write the above code so that macs and pcs with older and newer browsers would have the same font style, size, etc.?
Michael
Well, it's an error that is pretty consistent because on every pc we've tested the style sheet over rides the font tag.
How would I write it to have the font tag use style sheets and why would I want to do that?
And, since pc's are okay with style sheets we can use them but we have to have the font tag in there for older browsers.
If I may ask, how would you write the above code so that macs and pcs with older and newer browsers would have the same font style, size, etc.?
Michael
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thank you for your help.