~does css look different on a MAC and PC~

Depends on what you mean by different? Do you mean a totally different font on each system? Or the same font but looks to have different attributes (size etc.)?

All versions of all browsers seem to have their own little peculiarities and unique problems, and Mac browsers are no exception. Having said that, most recent Mac browsers are a darn sight more standards-compliant than IE on a PC! I primarily use FireFox on a Mac and it is bl**dy brilliant!

Two things you need to bear in mind on a Mac are that the typical Mac monitor is set-up for graphics perfection and so the gamma setting ( usually 1.8 ) gives a lighter (but truer and with better tonal definition) picture than the typical PC monitor.

The other thing is that the typical Mac has superior font smoothing to the typical PC, so if like me you work on a Mac, you need to understand that many PC users (who won't know how to configure font smoothing) will see 'bitty' fonts that look horrid next to what Mac users are used to.

sorry, was referring to the active links on the page. it's all working fine on a PC but on a Mac the active links are smaller in point size than the normal text, but the strange thing is i only have text size 12px specified.

i also used this tag:

.textbold
{
font-size: 12px;
font-color: #000000;
font-weight: Bold;
text-decoration: none;
font-family: Times New Roman,Arial,Verdana,Sans Serif;
}

but it dun work on a Mac.

are my font tags arranged correctly?

arya

Without looking any deeper I can immediately see that you need to enclose Times New Roman in quotes, thus:

font-family: "Times New Roman",Arial,Verdana,Sans Serif;

...and then you need to understand pseudo-classes. See > http://www.w3schools.com/css/css_pseudo_classes.asp

Two things you need to bear in mind on a Mac are that the typical Mac monitor is set-up for graphics perfection and so the gamma setting ( usually 1.8 ) gives a lighter (but truer and with better tonal definition) picture than the typical PC monitor.

The other thing is that the typical Mac has superior font smoothing to the typical PC, so if like me you work on a Mac, you need to understand that many PC users (who won't know how to configure font smoothing) will see 'bitty' fonts that look horrid next to what Mac users are used to.

yeah i've noticed! the fonts looks super smooth on a Mac yum yum!

the prob i'm having now is - the Mac dun seem to read the BOLD tag. then again, i might had all the tags done wrongly...

dun hit me for asking but why are the quotes needed for 'Times New Roman'?

arya

Try font-weight: bold; rather than Bold... CSS is case-sensitive, and all attributes need to be lower-case.

The quotes are needed because the browser cannot interpret the spaces in the font name as being part of the font name (so, expects it to another declaration after the word Times.

Thanks co2, I had to pop out.

Another thing: why are you picking a primary font of TNR with other fonts that are sans-serif? This might be better > font-family: "Times New Roman", Times, serif;

The quotes are needed because the browser cannot interpret the spaces in the font name as being part of the font name (so, expects it to another declaration after the word Times.

this is really frustrating, working on a Mac...

i changed the "Bold" to "bold" but the following still doesn't work on a Mac:

.textbold
{
font-family: "Times New Roman",Arial,Verdana,Sans Serif;
font-size: 12px;
font-weight: bold;
font-color: #000000;
text-decoration: none;

}

the line of text that i've used the above tag on is displayed in the normal default Times New Roman font, with really huge font size and unbold.

halp.....

Looks good to me... can you post your HTML and the rest of the CSS... something maybe afoot!?

Oops. Just spotted: it's Sans-serif, with a hyphen... not Sans serif.

replace Sans Serif with sans-serif.

Read my link. You probably need to specify formatting for the anchor like this, or it will be overruled by other instructions (css or browser):
a.textbold
{
font-family: "Times New Roman",Arial,Verdana,Sans Serif;
font-size: 12px;
font-weight: bold;
font-color: #000000;
text-decoration: none;
}

Also, learn about CSS shorthand.

Definitely, it'll make life much easier:

a.textbold
{
font: bold 12px/14px "Times New Roman",Arial,Verdana,sans-serif;
color: #000;
text-decoration: none;
}

Looks much nicer!

Also, just noticed you've used font-color.... this should be color instead.

Isn't it amazing how many obvious things you can miss when they're staring you in the face :oops:

I know, countless times I've scoured my code for problems, and it's a pesky ';' instead of ':' or something. Human-error... always to blame. :roll:

hi all,
thanks much for ya tips - will try it out!

arya

You've specified a specific font size for the the anchor links - but have you done the same for the other text? If not, the user will have control of the sizing and it may be set higher than the 12px you have specified for the anchors. This could be true on PC or Mac.

Definitely, it'll make life much easier:

a.textbold
{
font: bold 12px/14px "Times New Roman",Arial,Verdana,sans-serif;
color: #000;
text-decoration: none;
}

Looks much nicer!

Also, just noticed you've used font-color.... this should be color instead.

sorry I've already posted this query in another forum. Hush my mouth!

it sets the font-size to 12px and the line-height to 14px

I set this up once, but it looked manky I guess it will look superb once I get my TFT, but on a CRT at 1152, it made em look blurry.