I'm building a website that uses css. The problem is that the Css code works great on IE, but doesn't work at all on firefox.
It is the first time I'm working with css so maybe I did something wrong I don't know...
I was hoping you can help me.
<head>
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"elifim.css" type="text/css"></link>
</head>
<!--
.headline {
color: #000066;
font-family: David;
font-size: 18pt;
}
.text {
color: #003399;
font-family: David;
font-size: 12pt;
}
.note {
color: #003399;
font-family: David;
font-size: 12pt;
font-weight: bold;
}
.inNote {
color: #B4B4B4;
font-family: David;
font-size: 12pt;
font-style: italic;
}
.offer {
color: #CC0000;
font-family: David;
font-size: 18pt;
}
.subTitle {
text-decoration: underline;
color: #003399;
font-family: David;
font-size: 14pt;
font-weight: bold;
}
.form {
background-color: #B9E1FC;
border-color: #000000;
border-width: 1px;
text-align: right;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
}
.button {
background-color: #49B6FF;
border-color: #000000;
border-width: 1px;
text-align: center;
font-family: Arial;
font-weight: bold;
}
.asterisk {
color: #000000;
font-family: David;
font-size: 10pt;
}
.copyright {
color: #999999;
font-size: 10pt;
}
-->
Thanks in advance.have you checked your page with the HTML validator (<!-- m --><a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a><!-- m -->) and the CSS validator (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/">http://jigsaw.w3.org/css-validator/</a><!-- m -->)?The closing link tag should be removed, as should the SGML comments in the css document.
Neither will affect displaying the css in FF, so there must be more wrong.
The font-family: David is not standard, also give a generic font-family.could you post a link for us to look at?Is the web server giving the elifim.css the right content-type?
It is the first time I'm working with css so maybe I did something wrong I don't know...
I was hoping you can help me.
<head>
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"elifim.css" type="text/css"></link>
</head>
<!--
.headline {
color: #000066;
font-family: David;
font-size: 18pt;
}
.text {
color: #003399;
font-family: David;
font-size: 12pt;
}
.note {
color: #003399;
font-family: David;
font-size: 12pt;
font-weight: bold;
}
.inNote {
color: #B4B4B4;
font-family: David;
font-size: 12pt;
font-style: italic;
}
.offer {
color: #CC0000;
font-family: David;
font-size: 18pt;
}
.subTitle {
text-decoration: underline;
color: #003399;
font-family: David;
font-size: 14pt;
font-weight: bold;
}
.form {
background-color: #B9E1FC;
border-color: #000000;
border-width: 1px;
text-align: right;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
}
.button {
background-color: #49B6FF;
border-color: #000000;
border-width: 1px;
text-align: center;
font-family: Arial;
font-weight: bold;
}
.asterisk {
color: #000000;
font-family: David;
font-size: 10pt;
}
.copyright {
color: #999999;
font-size: 10pt;
}
-->
Thanks in advance.have you checked your page with the HTML validator (<!-- m --><a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a><!-- m -->) and the CSS validator (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/">http://jigsaw.w3.org/css-validator/</a><!-- m -->)?The closing link tag should be removed, as should the SGML comments in the css document.
Neither will affect displaying the css in FF, so there must be more wrong.
The font-family: David is not standard, also give a generic font-family.could you post a link for us to look at?Is the web server giving the elifim.css the right content-type?