Stylesheet doesn't display proper color

[Richard Silverstein]

I was hoping someone more expert in css could help me w. a problem I'm
having w. a stylesheet I've created for a Pbase photo site. My site
is at http://www.pbase.com/richards1052. Currently, it displays a
white background color. I've set in the stylesheet that the color
should be navy or #00080 (perhaps I didn't set this in the proper
place?). After updating the stylesheet the site displays a sample
view of my new stylesheet w. my changes. Here the background color is
correct (navy). But when I go to my actual site the color is white.

Pls. give me some idea of what I did wrong.

Richard

[Darin McGrew]

Richard Silverstein <ri**********@c omcast.net> wrote:

I was hoping someone more expert in css could help me w. a problem I'm
having w. a stylesheet I've created for a Pbase photo site. My site
is at http://www.pbase.com/richards1052. Currently, it displays a
white background color. I've set in the stylesheet that the color
should be navy or #00080 (perhaps I didn't set this in the proper
place?). After updating the stylesheet the site displays a sample
view of my new stylesheet w. my changes. Here the background color is
correct (navy). But when I go to my actual site the color is white.

Pls. give me some idea of what I did wrong.

The CSS validator <http://jigsaw.w3.org/css-validator/> complains about the
HTML doctype declaration and other text you put at the beginning of your
style sheet. They're breaking the selector for your first CSS ruleset,
which is where you set the navy background color.

<style type="text/css">
<!--
DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Richard Silverstein's Photo Galleries at pbase.com

Delete the doctype declaration. If you want to put a comment inside your
CSS, then use CSS-style comments: /* like this */

Also, since I was looking...

BODY
{
color: white;
background-color: navy;
font-size: 7pt;
}

You shouldn't use pt (or px) for font sizes on the web:
http://css.nu/faq/ciwas-aFAQ.html#QA02

And 7pt is absurdly small for many (most?) users. It's certainly quite a
bit smaller than the minimum font size that my browser enforces.
--
Darin McGrew, mc****@stanford alumni.org, http://www.rahul.net/mcgrew/
Web Design Group, da***@htmlhelp. com, http://www.HTMLHelp.com/

"Warning: Dates in the calendar are closer than they appear."

[William Starr Moake]

On 11 Jul 2003 17:30:45 -0700, ri**********@co mcast.net (Richard
Silverstein) wrote:

I was hoping someone more expert in css could help me w. a problem I'm
having w. a stylesheet I've created for a Pbase photo site. My site
is at http://www.pbase.com/richards1052. Currently, it displays a
white background color. I've set in the stylesheet that the color
should be navy or #00080 (perhaps I didn't set this in the proper
place?). After updating the stylesheet the site displays a sample
view of my new stylesheet w. my changes. Here the background color is
correct (navy). But when I go to my actual site the color is white.

Pls. give me some idea of what I did wrong.

With IE 6 the dark background color is displayed if I put the browser
in "quirks mode" by eliminating the doctype line.

[Richard Silverstein]

Darin: Thanks for parsing my site & css. You're dealing w. someone
who's a bit of a dolt when it comes to css. So could you help me by
telling me exactly what I should delete fr. the html doc declaration.
In other words, what should this statement look like if it was
correct?

<style type="text/css">

<!--
DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Richard Silverstein's Photo Galleries at pbase.com
As for the font size, it looks fine as it displays on my site.
Perhaps this site has some quirks that allow non standard css
formatting to look OK. But returning to yr. comment about font size
standards, if I don't use pixels or pt. what standard should I use?
And what might be the range from small (but readable) size to large
(headline type) for this font size measurement?

Richard

McGrew <mc****@stanfor dalumni.org> wrote in message news:<be******* ***@blue.rahul. net>...
The CSS validator <http://jigsaw.w3.org/css-validator/> complains about the
HTML doctype declaration and other text you put at the beginning of your
style sheet. They're breaking the selector for your first CSS ruleset,
which is where you set the navy background color.

<style type="text/css">
<!--
DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Richard Silverstein's Photo Galleries at pbase.com

Delete the doctype declaration. If you want to put a comment inside your
CSS, then use CSS-style comments: /* like this */

Also, since I was looking...

BODY
{
color: white;
background-color: navy;
font-size: 7pt;
}

You shouldn't use pt (or px) for font sizes on the web:
http://css.nu/faq/ciwas-aFAQ.html#QA02

And 7pt is absurdly small for many (most?) users. It's certainly quite a
bit smaller than the minimum font size that my browser enforces.

[Brian]

Richard Silverstein wrote:

telling me exactly what I should delete fr. the html doc declaration.
In other words, what should this statement look like if it was
correct?

<!--
DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Richard Silverstein's Photo Galleries at pbase.com

the style element is part of the html page. Don't declare a separate
dtd for the style element. All that I left above can be deleted. Get
rid of the --> too.

<style type="text/css">

body {font-size: 100% }
/* etc. */

</style>

BTW, it is better to put styles in a separate stylesheet via the link
element. If you do, remember that a stylesheet is not a hypertext
markup language (html) document. Thus, there is no dtd in it.
As for the font size, it looks fine as it displays on my site.
No. It looks fine on your computer. But your computer is not my
computer. Your computer is not Joe's computer, either. Nor
Mustafah's. And it certainly isn't anyone's pda, or cell-phone....
Perhaps this site has some quirks that allow non standard css
formatting to look OK.
I assure you that is not the case. The font is tiny, smaller than
what I want to read, and thus what I set in my browser.
But returning to yr. comment about font size
standards, if I don't use pixels or pt. what standard should I use? And what might be the range from small (but readable) size to large
(headline type) for this font size measurement?

I'm going to answer these questions in reverse order.

2. Users can set a default font in their browser. Don't try to
override their wishes. Leave the font size of the body element alone.
Ditto for the p element. As it is, I need to increase the font size
with my Mozilla browser.

1. Don't use pt or px, because, while I can resize it in Mozilla, one
cannot do that using certain versions of MSIE. Use em units, or
percent. They are more or less equal. I'll explain percentage.

Leave the body alone. Or, since there are reportedly bugs in IE,
explicitly to 100%, that is, the users default (no matter which
browser they use).

body {font-size: 100%}

Set other elements to a percentage of the body element, or the default
user's setting, e.g.,

h1 {font-size: 140%}
h2 {font-size: 120%}
p.legalnotice {font-size: 90%}

Very little text should be set below 100%. Some say that *no* text
should be below 100%. I think it's ok to put a copyright notice or
other such things a bit smaller, but not too much below.

Please edit the quoted parts of your replies. And consider using
google to search for the faq, and read this newsgroup. The info about
the font size gets repeated every week in this newsgroup. It's the
second time I've answered it in last 10 minutes.

--
Brian
follow the directions in my address to email me

[Richard Silverstein]

William: thanks for confirming Darin's idea that the doc declaration
is the problem. So let me understand clearly what exactly needs to be
eliminated. Here's the current code:

<style type="text/css">

<!--
DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Richard Silverstein's Photo Galleries at pbase.com
Should the correct coding look something like this?

<style type="text/css">
Richard Silverstein's Photo Galleries at pbase.com

thanks, Richard

William Starr Moake <ws*****@yahoo. com> wrote in message news:<6r******* *************** **********@4ax. com>...
With IE 6 the dark background color is displayed if I put the browser
in "quirks mode" by eliminating the doctype line.

[Richard Silverstein]

Brian: Believe it or not, that "<!--" was the final "straw" that made
my site display properly (blue background!)!! I don't know why that
was what was standing in the way of proper display--but you were right
about getting rid of it--& removing it fixed the problem.

Thanks so very much, Richard

Brian <br***@wfcr.org .invalid-remove-this-part> wrote in message news:<IjWPa.448 40$H17.13673@sc crnsc02>...

the style element is part of the html page. Don't declare a separate
dtd for the style element. All that I left above can be deleted. Get
rid of the --> too.

[Brian]

Richard Silverstein wrote:

Brian: Believe it or not, that "<!--" was the final "straw" that made
my site display properly (blue background!)!!

Thanks so very much

You are quite welcome. Glad things are working. In case you plan on
responding to threads in this newsgroup in the future, please see

http://www.cs.tut.fi/~jkorpela/usenet/brox.html
http://www.allmyfaqs.com/faq.pl?How_to_post

--
Brian
follow the directions in my address to email me

[Brian]

Richard Silverstein wrote:

Users can set a default font in their browser. Don't try to
override their wishes. Leave the font size of the body element
alone.

I've made the font size changes you suggested to 100%. My display
shows the fonts bigger than they were before & perhaps a bit bigger
than I'd prefer.

Not a problem, not at all. Just change the default size in your
browser. Anyone using a graphical computer browser can set their
default font-size. You are a user. Thus, you too can set this size.
Then, when you view your site, the font-size will be perfect for you.
Better still, when you view other properly made sites, your font-size
will be perfect there, too. :)

Now, which browser do you use? Somewhere here likely uses the same
browser, and will be able to help you.

--
Brian
follow the directions in my address to email me

[Brian]

Richard Silverstein wrote:

Here's the current code:

<style type="text/css">

<!--
DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Richard Silverstein's Photo Galleries at pbase.com

Should the correct coding look something like this?

<style type="text/css">
Richard Silverstein's Photo Galleries at pbase.com

No. The *only* text in the <style> element should be style rules and
comments. Like this:

<style type="text/css">

body {
font-size: 100% ;
}
h1 {
font-size: 140% ;
}
h2 {
color: black ;
background: white ;
}
A:hover, A:focus {
text-decoration: none ;
}
ADDRESS, .address {
margin-top: 2em;
margin-bottom: .7em ;
clear: both ;
}
/* etc. */

</style>

--
Brian
follow the directions in my address to email me