CSS problem with Firefox (inc. pic)

Hi,

i have the following code for a link in my css file:

.link05:link    { color:black; font-size=12px; font-weight=bold; text-decoration:none; background-color:none;}
.link05:visited { color:black; font-size=12px; font-weight=bold; text-decoration:none; background-color:none;}
.link05:active  { color:blue; font-size=12px; font-weight=bold; text-decoration:none; background-color:none;}
.link05:hover   { color:blue; font-size=12px; font-weight=bold; text-decoration:none; background-color:none;}

Code (markup):

I link to it this way: <a href="" class="link05">sdfsdf</a>

As you can see in the attached pic. the link's style is the way i want it to be only in IE, and messed up in firefox. what am i doing wrong ? how can i fix it ?

Thanks,
E-A.

 

Create a seperate stylesheet for ie and link to it in the header like so..

<!--[if gte IE 4]>
<link rel="stylesheet" href="STYLE SHEET LOCATION" type="text/css" />
<![endif]-->

Then change the font sizes in each CSS file accordingly.

 

Ohh.. i forgot to mention it. It's already in a seperate stylesheet at the moment:

<link href="styles.css" rel="stylesheet" type="text/css">

 

Yeah, 2 stylesheets - a seperate one for ie...

 

You stylesheet is messed up. You can't use '=' to separate property name and the value.

J.D.

 

Ohh.. I got it now. Thanks a lot SEbasic.
It means that i'll have to replace the header of more than 43,000 html pages now but i guess that better late than never.

Thanks J.D. You're right. It's working this way too but i'll change it to ":" anyway.

 

I won't need 2 stylesheets after all..
the "=" instead of ":" was the problem and it was the reason FF hasn't showed it right (and for some reason IE did).

Thanks a lot again guys you've been very helpful !

 

Yeah, my bad... I should have looked more closely

 

Colons is the only way. It doesn't matter if some browsers can understand any other delimiters. Always follow the spec and you'll save yourself a lot of time.

J.D.

 

firefox has the most advanced css compilation available. IE has not fully caught up with technology, this is one reason why fire fox sometimes displays css differently, however I believe the market for firefox os around %5 so I dont worry too much about it.

 

I'm surprised by Firefox only being 5%. Of course there are a number of browsers that all use the Gecko rendering engine. Since they all render the pages very closely it would be kind of cool to see the percentages based on other people's stats. In July the percentage of Gecko users visiting my site was 14.95%.

Best Regards,
Steve MacLellan

 

It depends on who your audience is. I see about 30-40% of users using FireFox. Check out this thread for some numbers - 13885.

J.D.