CSS help--what would a stylesheet for this page look like?

[Nicole]

Okay, so I was working primarily in dreamweaver and the site looks
very good in both IE (our customers primarily use this) and Firefox
(my new 'thing'), but I ran it through the validator and noticed some
startling things-- I have eight errors keeping me from being valid
html 4.01 transitional. Please help!
What would a style sheet look like for this page, as it is one of
about 30. I want this site to be fully compliant, but I've never been
terribly great at designing a style sheet.
Help would be totally appreciated... The page is here:
http://www.kennedyscountry.com/testing/salespolicy.htm

[Harlan Messinger]

"Nicole" <st*********@yahoo.com> wrote in message
news:4d**************************@posting.google.c om...

Okay, so I was working primarily in dreamweaver and the site looks
very good in both IE (our customers primarily use this) and Firefox
(my new 'thing'), but I ran it through the validator and noticed some
startling things-- I have eight errors keeping me from being valid
html 4.01 transitional. Please help!
Did you look at the error messages? Did you cross-reference them to your
source code? They pretty much tell you exactly what the problems are. If
there's something specific you don't understand about them, ask, but don't
just throw up your hands and say "I have errors! Help!" without any details.
What would a style sheet look like for this page, as it is one of
about 30. I want this site to be fully compliant, but I've never been
terribly great at designing a style sheet.
A separate issue, more appropriately discussed in c.i.w.a.stylesheets.
Help would be totally appreciated... The page is here:
http://www.kennedyscountry.com/testing/salespolicy.htm

[Beauregard T. Shagnasty]

Quoth the raven Nicole:

Help would be totally appreciated... The page is here:
http://www.kennedyscountry.com/testing/salespolicy.htm

Why that large empty space at the top of the page?

Oh. <img src="file:///E|/Kennedy/siteimages/kennedyslogo.jpg"

Sorry, we can't see images on your computer... :-(

--
-bts
-This space intentionally left blank.

[Lauri Raittila]

In article <4d**************************@posting.google.com >,
st*********@yahoo.com says...

Okay, so I was working primarily in dreamweaver and the site looks
very good in both IE (our customers primarily use this) and Firefox
(my new 'thing'), but I ran it through the validator and noticed some
startling things-- I have eight errors keeping me from being valid
html 4.01 transitional. Please help! http://www.kennedyscountry.com/testing/salespolicy.htm
Well. I see page with tiny fonts taking up 1/3 of my browser window, but
causing a horizontal scrollbar on other (and still not taking up all
browser window).
What would a style sheet look like for this page, as it is one of
about 30.
Pretty hard, as you really should make good HTML first. And that would be
on topic in this newsgroup too. So fix your HTML.

If you intend to keep idiotic use of images (like one on
file:///E|/Kennedy/siteimages/kennedyslogo.jpg), CSS:
body {text-align:center;font-family:Arial}
h1 {color:#<light brown>;border-top:5px black solid;padding-
top:1em;margin-top:0}
#menu {float:left;}
..footer {background:black;color:white;}
..ads {float:right}

Not sure if there is all that is needed, but I think it is. Of course,
that is the way I think HTML should be fixed. And of course, that is just
for this one page.

OK, HTML:

<img><img class="ads">
<img id="menu"><img class="ads">
<h1>SP</h1>
<p><a>Down...</a>
<p>This...
<div><img></div>
<p><a>C...</a>
<div><img><img></div>
<div class="footer">...</div>

Neither tested, but should get you started. You really should make menu
someway different:

div#menu div {background: no-repeat top.jpg; }
div#menu {background: no-repeat bottom bottom.jpg}
ul {border:solid black; border-width: 1px 2px;list-style:none;}
li {background:white;border: #ccc 1px solid;font-weight:bold;}

<div id="menu"><div>
<ul><li><a>fgdf</a>
</ul></div></div>

Again, just guidelines, needs some more thinking
I want this site to be fully compliant, but I've never been
terribly great at designing a style sheet.
There is bigger problems on that page than it not being made using CSS
and valid code.
Help would be totally appreciated... The page is here:

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>

[Nicole]

Thank you all for the 'help.' Basically I was having issues with some
of the validation errors I was getting (the trs mainly)... But I guess
I'll just have to work around that and RETHINK everything for myself.
Which I'd rather do.

Well. I see page with tiny fonts taking up 1/3 of my browser window, but
causing a horizontal scrollbar on other (and still not taking up all
browser window).
That's helpful... I appreciate you telling me this, but I wonder what
your screen resolution is, just so I can compare it with the info we
have about our customers settings.

What would a style sheet look like for this page, as it is one of
about 30.
Pretty hard, as you really should make good HTML first. And that would be
on topic in this newsgroup too. So fix your HTML.

As I recall, I was asking about my validation errors in the initial
part of this.... But maybe I wasn't crystal clear.
If you intend to keep idiotic use of images (like one on
file:///E|/Kennedy/siteimages/kennedyslogo.jpg), CSS:
Again, this is helpful. I apologize for my 'idiotic' use of that. It
slipped through, but be assured it's been fixed. I appreciate everyone
pointing this out to me, as I want to make sure the page is as perfect
as can be before I roll it out.


body {text-align:center;font-family:Arial}
h1 {color:#<light brown>;border-top:5px black solid;padding-
top:1em;margin-top:0}
#menu {float:left;}
.footer {background:black;color:white;}
.ads {float:right}

Not sure if there is all that is needed, but I think it is. Of course,
that is the way I think HTML should be fixed. And of course, that is just
for this one page.

OK, HTML:

<img><img class="ads">
<img id="menu"><img class="ads">
<h1>SP</h1>
<p><a>Down...</a>
<p>This...
<div><img></div>
<p><a>C...</a>
<div><img><img></div>
<div class="footer">...</div>

Neither tested, but should get you started. You really should make menu
someway different:
'someway different', or 'somewhat different'???
div#menu div {background: no-repeat top.jpg; }
div#menu {background: no-repeat bottom bottom.jpg}
ul {border:solid black; border-width: 1px 2px;list-style:none;}
li {background:white;border: #ccc 1px solid;font-weight:bold;}

<div id="menu"><div>
<ul><li><a>fgdf</a>
</ul></div></div>

Again, just guidelines, needs some more thinking

I want this site to be fully compliant, but I've never been
terribly great at designing a style sheet.
There is bigger problems on that page than it not being made using CSS
and valid code.

Please explain, maybe I'll being too 'idiotic.' I designed the page
and everything looked okay, until I ran the validator. At least I did
check that and then realized changes would have to be made. You know,
I am probably taking what you guys meant to heart, which I probably
shouldn't.
Thank you all for the help though. It's my own fault for not coding a
little better.

Help would be totally appreciated... The page is here:

[Darin McGrew]

Re: http://www.kennedyscountry.com/testing/salespolicy.htm
Lauri Raittila <la***@raittila.cjb.net> wrote:

Well. I see page with tiny fonts taking up 1/3 of my browser window, but
causing a horizontal scrollbar on other (and still not taking up all
browser window).

Nicole <st*********@yahoo.com> wrote: That's helpful... I appreciate you telling me this, but I wonder what
your screen resolution is, just so I can compare it with the info we
have about our customers settings.

The tiny fonts problem is caused by your use of px for font sizes in your
style sheet. That is inappropriate on the WWW. See
http://css.nu/faq/ciwas-aFAQ.html#QA02

The horizontal scrollbar problem is caused by the fixed-width design that
assumes the browser window is going to be about 800 pixels wide. Any wider,
and you get wasted space on the right. Any narrower, and you get horizontal
scrollbars. See http://www.htmlhelp.com/faq/html/all.html#screen-size and
http://www.xs4all.nl/~sbpoley/webmat...lexdesign.html
--
Darin McGrew, mc****@stanfordalumni.org, http://www.rahul.net/mcgrew/
Web Design Group, da***@htmlhelp.com, http://www.HTMLHelp.com/

"I've cut this board three times, and it's still too short!"

[Lauri Raittila]

In article <4d**************************@posting.google.com >,
st*********@yahoo.com says...

Thank you all for the 'help.' Basically I was having issues with some
of the validation errors I was getting (the trs mainly)... But I guess
I'll just have to work around that and RETHINK everything for myself.
Which I'd rather do.

Well. I see page with tiny fonts taking up 1/3 of my browser window, but
causing a horizontal scrollbar on other (and still not taking up all
browser window).
That's helpful... I appreciate you telling me this, but I wonder what
your screen resolution is, just so I can compare it with the info we
have about our customers settings.

Screen1: 1600*1200 Window: 800*1100
Screen2: 1024*768 Window: 760*760
As I recall, I was asking about my validation errors in the initial
part of this.... But maybe I wasn't crystal clear.
You said you wanted to validate your HTML. Easiest way to get your HTML
validating is to make again from scratch. Maybe I shoudl have said that
more clearly.

If you intend to keep idiotic use of images (like one on
file:///E|/Kennedy/siteimages/kennedyslogo.jpg), CSS:

Again, this is helpful.

Of course, that was only most obvious problem.
[snip HTML and CSS]

Neither tested, but should get you started. You really should make menu
someway different:

'someway different', or 'somewhat different'???

Cant say the difference between them (I'm not native on English). Result
would look exactly same on your browser, but it would look bit bigger on
mine.

I want this site to be fully compliant, but I've never been
terribly great at designing a style sheet.

Stylesheets are funny. They seem so complicated at first, and when you
know them, they seem so simple...
There is bigger problems on that page than it not being made using CSS
and valid code.

Please explain, maybe I'll being too 'idiotic.' I designed the page
and everything looked okay,

- horizontal scrollbar was unnecessary, vertical is much better option.
- menu was too tiny to be used.
- too much content in images.
until I ran the validator. At least I did
check that and then realized changes would have to be made.
So you are better than about 100% other www-page makers...
You know,
I am probably taking what you guys meant to heart, which I probably
shouldn't.

Correct. We don't bother being super nice anymore, after answered to
about 100 similar posts in past.

Anyway, I gave you the code, you only need to fill in stuff I left out.
Try it, and if it doesn't work, ask again.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>

[Brian]

Nicole wrote:

Thank you all for the 'help.'
Careful there. The quotes around "help" might give folks the impression
that you're being snippy or sarcastic. Written medium doesn't provide
for nuance like intonation or facial expression.
I designed the page and everything looked okay, until I ran the
validator. At least I did check that and then realized changes would
have to be made.
The validator is a useful tool in that way. It automates the process of
finding syntax errors. But it is only a tool.

http://www.cs.tut.fi/~jkorpela/html/validation.html

The goal is to create a useable www page. Creating valid html is one
step to reaching that goal.
You know, I am probably taking what you guys meant to heart, which I
probably shouldn't.
If you mean that you're taking the harsh comments personally, then no,
you should not take it that way. The ciwa* newsgroups are not "warm and
fuzzy", especially when answering questions that have been asked before.
In order to provide you -- and scores of others -- with answers, and
still have time for discussion, we're often brutally court and to the point.

You may notice that discussions among regulars are more cordial. That's
not so much because we're regulars, but because we're discussing new
topics, which is more rewarding, and because we follow certain rules
that make the discussions more fruitful.

Have you read "How to ask questions the smart way"?

http://www.catb.org/~esr/faqs/smart-questions.html

It explains how technical forums tend to operate.
Thank you all for the help though. It's my own fault for not coding a
little better.

If I may respond for the group, you're welcome for the help. And don't
fret about not coding correctly the first time. We've all been there. In
fact, I'm sure that all the regulars use the validator, and use it to
fix their own mistakes.

Keep plugging away, and do stick around ciwa*. They are the most
valuable resources I use, in part for what we discuss here, and in part
for the hundreds of useful web page resources that get cited.

--
Brian (remove "invalid" to email me)
http://www.tsmchughs.com/

[Brian]

Brian wrote:

we're often brutally court and to the point.

....brutally curt...

(It appears I was trying to sneak some French in there or something.)

--
Brian (remove "invalid" to email me)
http://www.tsmchughs.com/

[Mr.Clean]

In article <4d**************************@posting.google.com >,
st*********@yahoo.com says...

Okay, so I was working primarily in dreamweaver and the site looks
very good in both IE (our customers primarily use this) and Firefox
(my new 'thing'), but I ran it through the validator and noticed some
startling things-- I have eight errors keeping me from being valid
html 4.01 transitional. Please help!
What would a style sheet look like for this page, as it is one of
about 30. I want this site to be fully compliant, but I've never been
terribly great at designing a style sheet.
Help would be totally appreciated... The page is here:
http://www.kennedyscountry.com/testing/salespolicy.htm

Please take the lessons here:
http://www.w3schools.com

They have lessons on HTML, XHTML, XML, CSS, etc...