PDA

View Full Version : Problem with CSS...



d3st1net1cs
Dec 15th, 2006, 07:48 PM
Hello

I have this problem with a webpage I am doing. I have finished the CSS but the webpage looks exactly right in Firefox but different in IE. Its only the site navigation that's different (font not same, font colour not same). The rest of the site is the same in IE and in Firefox.

I could upload both pages (IE and Firefox) to my webserver so someone could have a look to see the difference and also the CSS if someone wants to view it.

I need to know if I am allowed to do this on this forum or not.

Thanks
d3st1net1cs

whizard
Dec 15th, 2006, 07:49 PM
Yes you are

Dan

d3st1net1cs
Dec 15th, 2006, 08:17 PM
I have managed to upload the webpage to my server:

http://www.destinetics.com/munkee/index.html As you can see the site navigation styles aren't working in IE.

For anyone with Firefox, you can see the difference... (Firefox view is nicer). Let me see if I can post the css for you all...

Thanks in advance
d3st1net1cs




.headline {color: #3366FF; font-size: 59px; font-weight: normal; font-family: Verdana, Arial, Helvetica;}
a:hover.headline {color: #000000; font-size: 59px; font-weight: normal; font-family: Verdana, Arial, Helvetica;}

.top {color: #000099; text-decoration: none; font-size: 13px; font-weight: normal; font-family: Arial, Sans-serif;}
a:link.top {color: #000099; text-decoration: none; font-size: 13px; font-weight: normal; font-family: Arial, Sans-serif;}
a:visited.top {color: #CC0000; text-decoration: none; font-size: 13px; font-weight: normal; font-family: Arial, Sans-serif;}
a:hover.top {color: #000099; text-decoration: none; font-size: 13px; font-weight: normal; font-family: Arial, Sans-serif;}

.bodylinks {color: #000099; text-decoration: none; font-size: 15px; font-weight: normal; font-family: Arial, Sans-serif;}
a:link.bodylinks {color: #000099; text-decoration: none; font-size: 15px; font-weight: normal; font-family: Arial, Sans-serif;}
a:visited.bodylinks {color: #CC0000; text-decoration: none; font-size: 15px; font-weight: normal; font-family: Arial, Sans-serif;}
a:hover.bodylinks {color: #000099; text-decoration: none; font-size: 15px; font-weight: normal; font-family: Arial, Sans-serif;}

.navleft {color: #000099; text-decoration: none; font-size: 15px; font-weight: normal; font-family: Arial, Sans-serif;}
a:link.navleft {color: #000099; text-decoration: none; font-size: 13px; font-weight: normal; font-family: Arial, Sans-serif;}
a:visited.navleft {color: #CC0000; text-decoration: none; font-size: 13px; font-weight: normal; font-family: Arial, Sans-serif;}
a:hover.navleft {color: #000099; text-decoration: underline; font-size: 13px; font-weight: bold; font-family: Arial, Sans-serif;}

.date {color: #000000; font-size: 9pt; text-align: right; padding: 1px; font-weight: normal; font-family: Arial, Sans-serif;}

.masthead2 {color: #000000; background: orange; font-family : Arial, Sans-serif; font-size : 10px; font-weight: normal; text-align: center; padding: 1px;}

.navheadleft {color: #FFFFFF; background: green; font-family: Arial, Sans-serif; font-size: 12px; font-weight: normal; text-align: center;}

.portalHeadline {color: #000000; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 16px; font-weight: normal;}

.lead {color: #996600; font-size: 13px; font-family : Verdana, Geneva, Helvetica; font-weight: normal;}

BODY, P, TD, TH, UL, OL, LI, DL, DT, DD {font-size: 12px; font-family: Verdana, Arial, Helvetica, Sans-serif; color: black;}

.updated {color: #FFFF00; text-decoration: blink; font-size: 10px; font-family: Arial, Sans-serif; font-weight: normal;}
.bodyupdated {color: #3366FF; text-decoration: blink; font-size: 13px; font-family: Arial, Sans-serif; font-weight: normal;}

d3st1net1cs
Dec 16th, 2006, 03:58 PM
It seems no-one knows the problem :(

whizard
Dec 16th, 2006, 04:57 PM
Internet Explorer doesn't support the


text-decoration:blink;

declaration.

Dan