Questions on page validation

I'm shooting for a full CSS layout with valid html markup. The site (or
page at this point) is at http://www.guardianharvest.com . It's just
the home page at this point. I'm getting 5 validation errors (or
warnings) but I'm not sure what to make of 4 of them. One is that my
form (a login form) doesn't have an action, only because the script
isn't quite complete. The others I'm not sure about. they read:

__________________________________________________ ___________________

Error Line 24 column 0: character data is not allowed here.

Username: <input id="homepageinput1" type="text" name="userlogin" />
Password:

You have used character data somewhere it is not permitted to appear.
Mistakes that can cause this error include putting text directly in the
body of the document without wrapping it in a container element (such as
a <p>aragraph</p>) or forgetting to quote an attribute value (where
characters such as "%" and "/" are common, but cannot appear without
surrounding quotes).

__________________________________________________ ___________________

I'm not exactly sure what these errors mean. Can anyone shed some light
on this for me? Thanks in advance!

Greg

gerg <noemail (AT) noemail (DOT) com> wrote:

Error Line 24 column 0: character data is not allowed here.

Username: <input id="homepageinput1" type="text" name="userlogin" /
Password:

Forms cannot contain text content ("Password") without a block level
wrapper. Nest a <p> or (worse) a <div> around the content contained by
the <form> element.

Btw, this type of question doesn't belong in alt.html.critique

--
Spartanicus

Spartanicus wrote:

gerg <noemail (AT) noemail (DOT) com> wrote:


Error Line 24 column 0: character data is not allowed here.

Username: <input id="homepageinput1" type="text" name="userlogin" /
Password:


Forms cannot contain text content ("Password") without a block level
wrapper. Nest a <p> or (worse) a <div> around the content contained by
the <form> element.

Btw, this type of question doesn't belong in alt.html.critique

Spartanicus, your right, I appologize for my misplaced question. In an
effort to make it correct, what do you think of the layout?

Thanks for the answer to my question.

Greg

gerg <noemail (AT) noemail (DOT) com> wrote:

In an
effort to make it correct, what do you think of the layout?

Despite that fact that it allows for considerable text zooming before
the text starts to break out of the containers, I'd still prefer sizing
any container with text in it in em's.

Text in the main content area should be allowed to flow in the available
space. Use the max-width property and em's if you want to limit text
line length. Currently the text length gets pointlessly squeezed when
the viewport width is narrowed.

Design wise it looks stylish and effective, albeit simple.

Watch appendix C rules if you must use XHTML ("<img ... and the
Consumer"/>").

The <h1> content for the index page should be the image of the "Guardian
Harvest - The Environmental Bridge between Production and the Consumer"
text, but only the "Guardian Harvest" bit is the correct <h1> content.
the "The Environmental Bridge between Production and the Consumer" is
subtext, not header text.

That presents a problem since "The Environmental Bridge between
Production and the Consumer" is essential content. I'd solve that by
moving it from the current graphic into a separate graphic which can
then be positioned on top of the other graphic with CSS.

Subtext like this is imo best marked up like so:

<p><b><img src="..." alt="The Environmental Bridge between Production
and the Consumer"></b></p>

There should be only one level one header on this page. The "Guardian
Harvest and Family Tree Farms Building on a Tradition of Safe and
Sustainable Agricultural Practices" text is an odd presence, the
"Guardian Harvest" bit is superfluous, the "and Family Tree Farms" looks
like it should be part of the level one header content, the "Building on
a Tradition of Safe and Sustainable Agricultural Practices" is again
subtext, not header content.

--
Spartanicus

Spartanicus wrote:

There should be only one level one header on this page. The "Guardian
Harvest and Family Tree Farms Building on a Tradition of Safe and
Sustainable Agricultural Practices" text is an odd presence, the
"Guardian Harvest" bit is superfluous, the "and Family Tree Farms" looks
like it should be part of the level one header content, the "Building on
a Tradition of Safe and Sustainable Agricultural Practices" is again
subtext, not header content.

Spartanicus, your a wealth of knowledge! Thanks for your input. I'll
definelty look into my headings. Thanks again for your input.

Greg