4 replies [Last post]
aryastark
Offline
Regular
Last seen: 16 years 42 weeks ago
Joined: 2004-07-22
Posts: 18
Points: 0

Hi guys,
i've got the css that's working fine in PC browsers, as well as the Safari on Mac. The weird thing is, it's not working on the IE for Mac v5.2.

What's not working? The colors i've specified (active, hover) are not showing up at all on the Mac IE browser - it's instead displaying the link colors as purple and blue.

The code is as follows (sorry about the repetition Wink ):

<style type="text/css">

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

a:visited

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

a:hover

{
    font-family: Times New Roman,Arial,Verdana,Sans Serif;
	font-size: 12px;
	color: #745F00;
    font-weight: normal;
    text-decoration: none;
}

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

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

.textbold

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

}

a.nav:link

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

a.nav:visited

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

a.nav:hover

{
	font-family: Times New Roman,Arial,Verdana,Sans Serif;
	font-size: 12px;
	font-weight: normal;
	color: #745F00;
	text-decoration: none;
}

a.anchor:link

{
	font-size: 11px;
	color: #99862F;
	font-family: Arial,Verdana,Sans Serif;
	text-decoration: none;
}

a.anchor:visited

{
	font-size: 11px;
	color: #222222;
	font-family: Arial,Verdana,Sans Serif;
	text-decoration: none;
}

a.anchor:hover

{
	font-size: 11px;
	color: #745F00;
	font-family: Arial,Verdana,Sans Serif;
	text-decoration: none;
}

a.anchor:active

{
	font-size: 11px;
	color: #99862F;
	font-family: Arial,Verdana,Sans Serif;
	text-decoration: none;
}

</style>

Is there anything that's causing the Mac not to display the colors properly?

arya

Ankou
Offline
Regular
Last seen: 16 years 31 weeks ago
Timezone: GMT-6
Joined: 2004-10-08
Posts: 40
Points: 0

Font color don't work in Mac IE browser

Without seeing the HTML it's hard to tell. In you CSS you're using "font-color" in your text and textbold classes... which is not a proper CSS rule. But I wouldn't think that would cause IE on Mac to throw up on you.

aryastark
Offline
Regular
Last seen: 16 years 42 weeks ago
Joined: 2004-07-22
Posts: 18
Points: 0

Font color don't work in Mac IE browser

hi,
have posted the html here

http://www.oldcurio.com/test/testing.htm

also made some small changes to the css:

<style type="text/css">

a:link
{
	font-family: "Times New Roman",Arial,Verdana,Sans-Serif;
	font-size: 12px;
	color: #000000;
    font-weight: normal;
    text-decoration: none;
}Sans-Serif

a:visited

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

a:hover

{
    font-family: "Times New Roman",Arial,Verdana,Sans-Serif;
	font-size: 12px;
	color: #745F00;
    font-weight: normal;
    text-decoration: none;
}

a:active
{
	font-family: "Times New Roman",Arial,Verdana,Sans-Serif;
	font-size: 12px;
	color: #000000;
    font-weight: normal;
    text-decoration: none;
}

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

.textbold

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

}

a.nav:link

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

a.nav:visited

{
	font-family: "Times New Roman",Arial,Verdana,Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #222222;
	text-decoration: none;
}

a.nav:hover

{
	font-family: "Times New Roman",Arial,Verdana,Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #745F00;
	text-decoration: none;
}

a.anchor:link

{
	font-size: 11px;
	color: #99862F;
	font-family: Arial,Verdana,Sans-Serif;
	text-decoration: none;
}

a.anchor:visited

{
	font-size: 11px;
	color: #222222;
	font-family: Arial,Verdana,Sans-Serif;
	text-decoration: none;
}

a.anchor:hover

{
	font-size: 11px;
	color: #745F00;
	font-family: Arial,Verdana,Sans-Serif;
	text-decoration: none;
}

a.anchor:active

{
	font-size: 11px;
	color: #99862F;
	font-family: Arial,Verdana,Sans-Serif;
	text-decoration: none;
}

</style>

what do you think?

arya

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 7 weeks 3 days ago
Joined: 2004-06-30
Posts: 9674
Points: 810

Font color don't work in Mac IE browser

a:link
{
   font-family: "Times New Roman",Arial,Verdana,Sans-Serif;
   font-size: 12px;
   color: #000000;
    font-weight: normal;
    text-decoration: none;
}Sans-Serif 

Remove the sans-serif outside the brace.

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

.textbold

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

} 

If you are using the same things, reduce the code, ie this:

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

.bold

{   
    font-weight: bold;
} 

Then you can use <p class="text bold" > or whatever.

(Note - some say that they have had trouble with using multiple classes. I haven't. Try it and see!)

Verschwindende wrote:
  • CSS doesn't make pies

aryastark
Offline
Regular
Last seen: 16 years 42 weeks ago
Joined: 2004-07-22
Posts: 18
Points: 0

Font color don't work in Mac IE browser

yummy it's working at last!

thanks much for your help!