Hi everyone!
I'm currently redesigning my site at <!-- m --><a class="postlink" href="http://www.fiveminutestomidnight.org/new">http://www.fiveminutestomidnight.org/new</a><!-- m --> and am moving everything to CSS. It works perfectly in IE but I have a problem with FireFox. When I use a class I made called "heading", FireFox does not recognize it. My code is below:
.heading {
font-family: Courier New, Courier, Monospace;
font-size:12pt;
font-weight:bold;
margin-top:12px;
}
And I'd use it as so:
<p class="heading">Text...
I tried to find answers on other sites and have heard FireFox has more stringent requirements for proper CSS code... However, the above is as accurate as I could get based on the sites I visited.
Thanks,
WojciechHave you fixed this? I can't see a difference between IE and Firefox.Hi!
Nope. Can it be my computer? I know that the Bold Times New Roman that is used in place of Courier New (by default) looks a bit similar, but they are not.
Thanks,
WojciechLook at the source of your generated page, there are multiple headers.Shouldn't "courier new" be quoted since it includes a space? (From the spec (<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop">http://www.w3.org/TR/CSS21/fonts.html#font-family-prop</a><!-- m -->): "Font names containing any such characters or whitespace [my emphasis] should be quoted.")Hi!
Great, it works now. Thanks for all your help!
Regarding the multiple headers - they are put there because of CGI-based Server Side Includes that I use. For some reason, they won't work without my printing an HTML header through the CGI file.
Thanks,
WojciechI'm always leery when I see someone define a paragraph to be some kind of "heading" or "header" class. If it's really a heading then it should be written as such with an <h*> tag.
I'm currently redesigning my site at <!-- m --><a class="postlink" href="http://www.fiveminutestomidnight.org/new">http://www.fiveminutestomidnight.org/new</a><!-- m --> and am moving everything to CSS. It works perfectly in IE but I have a problem with FireFox. When I use a class I made called "heading", FireFox does not recognize it. My code is below:
.heading {
font-family: Courier New, Courier, Monospace;
font-size:12pt;
font-weight:bold;
margin-top:12px;
}
And I'd use it as so:
<p class="heading">Text...
I tried to find answers on other sites and have heard FireFox has more stringent requirements for proper CSS code... However, the above is as accurate as I could get based on the sites I visited.
Thanks,
WojciechHave you fixed this? I can't see a difference between IE and Firefox.Hi!
Nope. Can it be my computer? I know that the Bold Times New Roman that is used in place of Courier New (by default) looks a bit similar, but they are not.
Thanks,
WojciechLook at the source of your generated page, there are multiple headers.Shouldn't "courier new" be quoted since it includes a space? (From the spec (<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop">http://www.w3.org/TR/CSS21/fonts.html#font-family-prop</a><!-- m -->): "Font names containing any such characters or whitespace [my emphasis] should be quoted.")Hi!
Great, it works now. Thanks for all your help!
Regarding the multiple headers - they are put there because of CGI-based Server Side Includes that I use. For some reason, they won't work without my printing an HTML header through the CGI file.
Thanks,
WojciechI'm always leery when I see someone define a paragraph to be some kind of "heading" or "header" class. If it's really a heading then it should be written as such with an <h*> tag.