John: fixed it.

R

richard

Now all you need to do is dress it up in the css the way you want.
I ran it through the validator and it validates as 4.01 transitional.
Took all of 10 minutes.


<div class="foto"><img src="images/160NewsOrange_02.jpg"
alt="something"></div>
<div class="aform">

<form name="contact_form" method="post" action="contact.php">
NAME:<input type="text" name="your_name" size="10">
<br>
EMAIL: <input type="text" name="your_email"
</form>
</div>
<div class="sendit">

<input type="submit" name="Submit" value="Submit">
</div>
<div>SECURE&amp; CONFIDENTIAL<br>
Youremail address will NEVER be rented, traded or sold.<br>
WE GUARANTEE YOUR CONFIDENTIALITY. <br>
We hate spam just as much as you do.
</div>
 
J

John

Now all you need to do is dress it up in the css the way you want.
I ran it through the validator and it validates as 4.01 transitional.
Took all of 10 minutes.


<div class="foto"><img src="images/160NewsOrange_02.jpg"
alt="something"></div>
<div class="aform">

<form name="contact_form" method="post" action="contact.php">
NAME:<input type="text" name="your_name" size="10">
<br>
EMAIL: <input type="text" name="your_email"
</form>
</div>
<div class="sendit">

<input type="submit" name="Submit" value="Submit">
</div>
<div>SECURE&amp; CONFIDENTIAL<br>
Youremail address will NEVER be rented, traded or sold.<br>
WE GUARANTEE YOUR CONFIDENTIALITY. <br>
We hate spam just as much as you do.
</div>


This works pretty good, but the part with the Name & Email the lines
down the side are cut off for some reason. Meaning - the graphic stops
at the name & email and then starts again after that.
 
J

Jonathan N. Little

richard said:
Now all you need to do is dress it up in the css the way you want.
I ran it through the validator and it validates as 4.01 transitional.
Took all of 10 minutes.


<div class="foto"><img src="images/160NewsOrange_02.jpg"
alt="something"></div>
<div class="aform">

<form name="contact_form" method="post" action="contact.php">
NAME:<input type="text" name="your_name" size="10">
<br>
EMAIL: <input type="text" name="your_email"
</form>
</div>
<div class="sendit">

<input type="submit" name="Submit" value="Submit">
</div>
<div>SECURE&amp; CONFIDENTIAL<br>
Youremail address will NEVER be rented, traded or sold.<br>
WE GUARANTEE YOUR CONFIDENTIALITY. <br>
We hate spam just as much as you do.
</div>

You do realize that your example is not remotely valid, right? For one,
the submit button is not even within the form that it is supposed to
submit.

Anyway, what did you fix? Seems to be a continuation of a thread that
you do not reference.
 
R

richard

You do realize that your example is not remotely valid, right? For one,
the submit button is not even within the form that it is supposed to
submit.

Anyway, what did you fix? Seems to be a continuation of a thread that
you do not reference.

I am showing that the crappy use of tables is totally unnecessary.
Along with all the pointless and useless, nonexistant attributes.
He can learn and finish it off correctly himself.
 
R

rf

richard said:
Along with all the pointless and useless, nonexistant attributes.

And which nonexistant attributes would these be? Oh yes, I see, the one
where you claim that <font face is not a valid tag, even though it is
acually a quite valid font tag with a quite valid face attribute, or did I
miss one other of your errors? Deprecated may be but not invalid.

And you might take your own advice and validate *your* code.

<quote>
<form...>
</form>
<input type="submit"...
</quote>

Doesn't look very valid to me :)
 
R

richard

And which nonexistant attributes would these be? Oh yes, I see, the one
where you claim that <font face is not a valid tag, even though it is
acually a quite valid font tag with a quite valid face attribute, or did I
miss one other of your errors? Deprecated may be but not invalid.

And you might take your own advice and validate *your* code.

<quote>
<form...>
</form>
<input type="submit"...
</quote>

Doesn't look very valid to me :)


I did validate it, jerk.
 
R

rf

Jonathan said:
richard wrote:
You do realize that your example is not remotely valid, right? For
one, the submit button is not even within the form that it is
supposed to submit.

Actually the submit button *is* in the form. See the above, the </form>
ending tag is swallowed up in an error, the previous input lacking a >, so
the form goes to the end of the page, or somewhere :)
 
R

richard

So how do you explain this:

EMAIL: <input type="text" name="your_email"
</form>

Clearly invalid, and the validator complains bitterly about it.


That may be so but I don't lie.


For one, the validator says the code validates.
Now if you'll kindly note, it issued a "WARNING".

Now exactly what does w3schools.com have to say about this method you
question?
http://www.w3schools.com/TAGS/tag_form.asp

Oh my. Looks like you just your ass kicked.


Validation Output: 1 Warning

Below is a list of the warning message(s) produced when checking your
document.

1. Warning Line 21, Column 0: unclosed start-tag requires SHORTTAG
YES.

</form>

The construct <foo<bar> is valid in HTML (it is an example of
the rather obscure “Shorttags” feature) but its use is not
recommended. In most cases, this is a typo that you will want to fix.
If you really want to use shorttags, be aware that they are not well
implemented by browsers.
 
J

Jonathan N. Little

rf said:
Actually the submit button *is* in the form. See the above, the </form>
ending tag is swallowed up in an error, the previous input lacking a >, so
the form goes to the end of the page, or somewhere :)

You're right, I missed that error among all the rest!
 
B

Beauregard T. Shagnasty

richard said:
Now exactly what does w3schools.com have to say about this method you
question?
http://www.w3schools.com/TAGS/tag_form.asp

The page proves that w3schools isn't a place to be trusted.

Example

A simple HTML form with two input fields and one submit button:

<form action="form_action.asp" method="get">
First name: <input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
<input type="submit" value="Submit" />
</form>
[close quote]

That isn't HTML. It's XHTML. Using method="get" is also ill-advised. The
site is unreliable.
 
R

richard

Actually the submit button *is* in the form. See the above, the </form>
ending tag is swallowed up in an error, the previous input lacking a >, so
the form goes to the end of the page, or somewhere :)


No shit sherlock. That was a minor typo I didn't catch.
 
J

John

richard said:
Now exactly what does w3schools.com have to say about this method you
question?
http://www.w3schools.com/TAGS/tag_form.asp

The page proves that w3schools isn't a place to be trusted.

Example

A simple HTML form with two input fields and one submit button:

<form action="form_action.asp" method="get">
First name: <input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
<input type="submit" value="Submit" />
</form>
[close quote]

That isn't HTML. It's XHTML. Using method="get" is also ill-advised. The
site is unreliable.


This is cool.

Just wondering how I make the submit button centered?
 
R

rf

richard said:
No shit sherlock. That was a minor typo I didn't catch.

So how did the validitor not pick it up when you "validated" the code you
posted? Or did you validate it and then type it again, in which case you did
*not* validate the code you posted, you validated something else. Or (more
likely) you validated it after we all told you how invalid it was.

And even if that error were not there, you still have the gross error of
having a submit button outside the form it is supposed to be submitting, or
is that a minor typo you didn't catch either?

Here is a copy/paste (not a retype) of the code you posted, with your minor
typo fixed.

http://barefile.com.au/test/richard.html

What happens when you click that submit button. For me absolutely bloody
nothing happens because that submit button is not inside a form. No form, no
submit. Get the idea?

Jerk :)
 
R

rf

richard said:
For one, the validator says the code validates.
Now if you'll kindly note, it issued a "WARNING".

Now exactly what does w3schools.com have to say about this method you
question?
http://www.w3schools.com/TAGS/tag_form.asp

Oh my. Looks like you just your ass kicked.


Validation Output: 1 Warning

Below is a list of the warning message(s) produced when checking your
document.

1. Warning Line 21, Column 0: unclosed start-tag requires SHORTTAG
YES.

</form>

The construct <foo<bar> is valid in HTML (it is an example of
the rather obscure "Shorttags" feature) but its use is not
recommended. In most cases, this is a typo that you will want to fix.
If you really want to use shorttags, be aware that they are not well
implemented by browsers.

Ah, I see. It's OK to shoot yourself in the foot then.

They must have some very valid reason for recommending that this is not
used, like for example that it is not well implemeneted by browsers?

BTW The validator does not issue any warning at all if you serve up a submit
button that is not inside a form. Perfectly valid. Does nothing however. I
guess that's like shooting yourself in the foot with a blank :)
 
B

Beauregard T. Shagnasty

John said:
Just wondering how I make the submit button centered?

<form action="action-script.php" method="post">
<!-- other fields here -->
<div style="text-align: center;">
<label for "submit">
<input type="submit" value=" Submit " id="submit1">
</label>
</div>

...though I would place the styling in the CSS file.

This is basic stuff. ;-)
 
J

Jonathan N. Little

Beauregard said:
richard said:
Now exactly what does w3schools.com have to say about this method you
question?
http://www.w3schools.com/TAGS/tag_form.asp

The page proves that w3schools isn't a place to be trusted.

Example

A simple HTML form with two input fields and one submit button:

<form action="form_action.asp" method="get">
First name: <input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
<input type="submit" value="Submit" />
</form>
[close quote]

That isn't HTML. It's XHTML. Using method="get" is also ill-advised. The
site is unreliable.

Well the first thing I notice is that the form controls are supposed to
be within a block element.
 
R

richard

So how did the validitor not pick it up when you "validated" the code you
posted? Or did you validate it and then type it again, in which case you did
*not* validate the code you posted, you validated something else. Or (more
likely) you validated it after we all told you how invalid it was.

And even if that error were not there, you still have the gross error of
having a submit button outside the form it is supposed to be submitting, or
is that a minor typo you didn't catch either?

Here is a copy/paste (not a retype) of the code you posted, with your minor
typo fixed.

http://barefile.com.au/test/richard.html

What happens when you click that submit button. For me absolutely bloody
nothing happens because that submit button is not inside a form. No form, no
submit. Get the idea?

Jerk :)


The warning issued was in reference to that unclosed tag. Once the tag
was properly closed, no warnings and 100% valdiation.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,743
Messages
2,569,478
Members
44,899
Latest member
RodneyMcAu

Latest Threads

Top