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

**Harlan Messinger** · Jul 23 '05, 10:25 PM

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

"Nicole" <stargal1998@ya hoo.com> wrote in message
news:4d1fb05a.0 410121249.21707 208@posting.goo gle.com...[color=blue]
> 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![/color]

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.
[color=blue]
> 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.[/color]

A separate issue, more appropriately discussed in c.i.w.a.stylesh eets.
[color=blue]
> Help would be totally appreciated... The page is here:
> http://www.kennedyscountry.com/testing/salespolicy.htm[/color]

**Beauregard T. Shagnasty** · Jul 23 '05, 10:25 PM

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

Quoth the raven Nicole:
[color=blue]
> Help would be totally appreciated... The page is here:
> http://www.kennedyscountry.com/testing/salespolicy.htm[/color]

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

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

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

--
-bts
-This space intentionally left blank.

**Lauri Raittila** · Jul 23 '05, 10:25 PM

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

In article <4d1fb05a.04101 21249.21707208@ posting.google. com>,
stargal1998@yah oo.com says...[color=blue]
> 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![/color]
[color=blue]
> http://www.kennedyscountry.com/testing/salespolicy.htm[/color]

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).
[color=blue]
> What would a style sheet look like for this page, as it is one of
> about 30.[/color]

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.jp g), CSS:

body {text-align:center;fo nt-family:Arial}
h1 {color:#<light brown>;border-top:5px black solid;padding-
top:1em;margin-top:0}
#menu {float:left;}
..footer {background:bla ck;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:whi te;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
[color=blue]
> I want this site to be fully compliant, but I've never been
> terribly great at designing a style sheet.[/color]

There is bigger problems on that page than it not being made using CSS
and valid code.
[color=blue]
> Help would be totally appreciated... The page is here:[/color]

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

**Nicole** · Jul 23 '05, 10:25 PM

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

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.
[color=blue]
> 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).[/color]

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.[color=blue]
>[color=green]
> > What would a style sheet look like for this page, as it is one of
> > about 30.[/color]
>
> Pretty hard, as you really should make good HTML first. And that would be
> on topic in this newsgroup too. So fix your HTML.[/color]

As I recall, I was asking about my validation errors in the initial
part of this.... But maybe I wasn't crystal clear.[color=blue]
>
> If you intend to keep idiotic use of images (like one on
> file:///E|/Kennedy/siteimages/kennedyslogo.jp g), CSS:[/color]

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.
[color=blue]
>
>
> body {text-align:center;fo nt-family:Arial}
> h1 {color:#<light brown>;border-top:5px black solid;padding-
> top:1em;margin-top:0}
> #menu {float:left;}
> .footer {background:bla ck;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:[/color]

'someway different', or 'somewhat different'???[color=blue]
>
> 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:whi te;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
>[color=green]
> > I want this site to be fully compliant, but I've never been
> > terribly great at designing a style sheet.[/color]
>
> There is bigger problems on that page than it not being made using CSS
> and valid code.[/color]

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.[color=blue]
>[color=green]
> > Help would be totally appreciated... The page is here:[/color][/color]

**Darin McGrew** · Jul 23 '05, 10:26 PM

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

Re: http://www.kennedyscountry.com/testing/salespolicy.htm
Lauri Raittila <lauri@raittila .cjb.net> wrote:[color=blue][color=green]
>> 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).[/color][/color]

Nicole <stargal1998@ya hoo.com> wrote:[color=blue]
> 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.[/color]

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

404 Not Found

http://www.xs4all.nl/~sbpoley/webmatters/flexdesign.html

--
Darin McGrew, mcgrew@stanford alumni.org, http://www.rahul.net/mcgrew/
Web Design Group, darin@htmlhelp. com, http://www.HTMLHelp.com/

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

**Lauri Raittila** · Jul 23 '05, 10:26 PM

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

In article <4d1fb05a.04101 30402.67d2dce6@ posting.google. com>,
stargal1998@yah oo.com says...[color=blue]
> 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.
>[color=green]
> > 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).[/color]
>
> 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.[/color]

Screen1: 1600*1200 Window: 800*1100
Screen2: 1024*768 Window: 760*760
[color=blue]
> As I recall, I was asking about my validation errors in the initial
> part of this.... But maybe I wasn't crystal clear.[/color]

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.
[color=blue][color=green]
> > If you intend to keep idiotic use of images (like one on
> > file:///E|/Kennedy/siteimages/kennedyslogo.jp g), CSS:[/color]
>
> Again, this is helpful.[/color]

Of course, that was only most obvious problem.
[snip HTML and CSS]
[color=blue][color=green]
> > Neither tested, but should get you started. You really should make menu
> > someway different:[/color]
>
> 'someway different', or 'somewhat different'???[/color]

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.
[color=blue][color=green][color=darkred]
> > > I want this site to be fully compliant, but I've never been
> > > terribly great at designing a style sheet.[/color][/color][/color]

Stylesheets are funny. They seem so complicated at first, and when you
know them, they seem so simple...
[color=blue][color=green]
> > There is bigger problems on that page than it not being made using CSS
> > and valid code.[/color]
>
> Please explain, maybe I'll being too 'idiotic.' I designed the page
> and everything looked okay,[/color]

- horizontal scrollbar was unnecessary, vertical is much better option.
- menu was too tiny to be used.
- too much content in images.
[color=blue]
> until I ran the validator. At least I did
> check that and then realized changes would have to be made.[/color]

So you are better than about 100% other www-page makers...
[color=blue]
> You know,
> I am probably taking what you guys meant to heart, which I probably
> shouldn't.[/color]

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** · Jul 23 '05, 10:26 PM

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

Nicole wrote:[color=blue]
> Thank you all for the 'help.'[/color]

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.
[color=blue]
> 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.[/color]

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.
[color=blue]
> You know, I am probably taking what you guys meant to heart, which I
> probably shouldn't.[/color]

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.
[color=blue]
> Thank you all for the help though. It's my own fault for not coding a
> little better.[/color]

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)

Home - TS McHughs Irish Pub & Restaurant

http://www.tsmchughs.com/

**Brian** · Jul 23 '05, 10:26 PM

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

Brian wrote:
[color=blue]
> we're often brutally court and to the point.[/color]

....brutally curt...

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

--
Brian (remove "invalid" to email me)

Home - TS McHughs Irish Pub & Restaurant

http://www.tsmchughs.com/

**Mr.Clean** · Jul 23 '05, 10:27 PM

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

In article <4d1fb05a.04101 21249.21707208@ posting.google. com>,
stargal1998@yah oo.com says...[color=blue]
> 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
>[/color]

Please take the lessons here:

W3Schools.com

http://www.w3schools.com

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

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

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

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

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment