[2 days left] What’s wrong with your cloud strategy? Learn why multicloud solutions matter with Nimble Storage.Register Now

x
?
Solved

Style sheets for Mac machines

Posted on 2000-02-29
11
Medium Priority
?
243 Views
Last Modified: 2010-04-09
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?

0
Comment
Question by:morya1
[X]
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
  • 6
  • 4
11 Comments
 

Expert Comment

by:netzdrache
ID: 2569982
Could you specify what "some stylesheets" exactly means? Which elements, which properties don't work?

0
 
LVL 8

Expert Comment

by:jbirk
ID: 2570751
Are you using a different browser on the Mac, or the same version as when tested on a windows machine (I'm assuming...)?

-Josh
0
 

Author Comment

by:morya1
ID: 2572225
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
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
LVL 8

Expert Comment

by:jbirk
ID: 2572488
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
0
 

Author Comment

by:morya1
ID: 2573620
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

0
 

Author Comment

by:morya1
ID: 2573745
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

0
 

Author Comment

by:morya1
ID: 2573746
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

0
 
LVL 8

Expert Comment

by:jbirk
ID: 2574155
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
0
 

Author Comment

by:morya1
ID: 2574272
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

0
 
LVL 8

Accepted Solution

by:
jbirk earned 200 total points
ID: 2576410
Have you tried it on the mac without the font tag inside the anchor?  If it works in that case, then there is a solution for you in JavaScript, but if you have a lot of links, it may make your page rather lengthy...

You could always try to match as closely as possible the font size (set to 1 right now) to the size specified in your style sheet as well.  And be sure to specify a point size not a percent in the style.  Just make three links like this:
<a class="hdsmall" href="http://www.ibooks.com"><font size="1" face="Verdana, Geneva, Sans-serif" color="#003399">MyWishList</font></a>
<BR>
<a href="http://www.ibooks.com"><font size="1" face="Verdana, Geneva, Sans-serif" color="#003399">MyWishList</font></a>
<BR>
<a class="hdsmall" href="http://www.ibooks.com">MyWishList</a>

This way you can compare the three combinations and twiddle with their settings until you find the desired style.

-Josh
0
 

Author Comment

by:morya1
ID: 2588963
Thank you for your help.
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

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

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

656 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