Forum Moderators: not2easy

Message Too Old, No Replies

CSS varies in FF and IE

My CSS doesn't work in IE and changes in various FF and safari

         

Jess

3:47 pm on Jul 11, 2008 (gmt 0)

10+ Year Member



When I check my code on the two computers I have (both macs) on both Safari and Firefox, everything is correct. When someone else uses safari on another machine (mac), the link colors are the images does not show. When someone else uses IE on windows, the link colors go to the default link colors.

a.red:link{color:#5c0d0e; text-decoration:none}
a.red:visited{color:#ffffff; text-decoration:none}
a.red:hover{color:#5c0d0e; text-decoration:none; font-weight:bold}

a.gray:link{color:#7b7574; text-decoration:none}
a.gray:visited{color:#ffffff; text-decoration:none}
a.gray:hover{color:#5b5656; text-decoration:none; font-weight:bold}

a.image:link{color:#ffffff; text-decoration:none}
a.image:visited{color:#ffffff; text-decoration:none}
a.image:hover{color:#5c0d0e; text-decoration:none; font-weight:bold}

a.logo:link{color:#7b7574; text-decoration:none}
a.logo:visited{color:#7b7574; text-decoration:none}
a.logo:hover{color:#7b7574; text-decoration:none; font-weight:bold}

I have done some coding before, but to my knowledge, have never ran into this problem

4css

4:06 pm on Jul 21, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi Jess,
Welcome to WebmasterWorld!

Can you supply some of your (x)html code, and let us know what doctype you are using?

Also take a read Here at the forum charter, [webmasterworld.com] which will give you some information on how to post code effectively for us to trouble shoot.

From what I can see of your css, I don't see a problem with this. The problem could lie within your (x)html or some other issues with your css.

Don't forget to validate as well.

One thing I did notice, and I always close this off in my code, is that you are missing the semi-colon at the end of your styles. I know that some say you don't need it, but it isn't that much of a deal to add it. Plus it helps in case you add more code to your styles, you don't end up accidentally leaving out some important piece of your code.

Just an example for you:

a.image:link{color:#ffffff; text-decoration:none;}