Form buttons and tables Cells??? Easy???

B

Brett

Hello again,

I am trying with FP 2000 to make a simple order form, trouble is that the form buttons always go to the top of the cell and add what looks to be 3-5 "extra" spaces on the bottom of the button

The form buttons are only 22pix in height and even when setting the cell height to 24, they graviatate to the top oif the cell and make for a messy presentation

Picture a 3 x 2 table, text (size 10pix) on th eleft, order now button in the right cell

I imagine this is common but any help is appreciated, been trying to tweak things with paragragh settings, cell proerties and table properties to no avail
 
T

Thomas A. Rowe

Modify your code to appear like:

<form action=http://ww5.....com/cf/add.cfm method=post>
<td width="37%" valign="middle" height="20" align="center">
<input type=hidden name=userid value=7947631>
<input type=hidden name=product value="12 AVG Tagua Nuts">
<input type=hidden name=price value="16.50">
<input type=hidden name=return value="www.....com/order_tagua.htm">
<input type=hidden name=units value="Each">
<input type=submit value="Buy Now"></td>
</form>

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================


Brett said:
Hello again,

I am trying with FP 2000 to make a simple order form, trouble is that the form buttons always go
Click to expand...
to the top of the cell and add what looks to be 3-5 "extra" spaces on the bottom of the button.
The form buttons are only 22pix in height and even when setting the cell height to 24, they
Click to expand...
graviatate to the top oif the cell and make for a messy presentation.
Picture a 3 x 2 table, text (size 10pix) on th eleft, order now button in the right cell.

I imagine this is common but any help is appreciated, been trying to tweak things with paragragh
Click to expand...
settings, cell proerties and table properties to no avail.
 
B

Brett

Thanks,

I have tried that and many other tweaks and can't seem to get this one under control.

Notice, I have the same issue along the top nav bar using the link buttons, they crowd to the top as well.
 
S

Stefan B Rusynko

By default every FORM tag is a block level tag with a forced line break as a part of the block level tag, so using even cell
alignment and size will not prevent the "line break" space below the button




| Thanks,
|
| I have tried that and many other tweaks and can't seem to get this one under control.
|
| Notice, I have the same issue along the top nav bar using the link buttons, they crowd to the top as well.
 
T

Thomas A. Rowe

Did you implement my example changes without using the Insert HTML webbot code?

<tr>
<form name...>
<hidden form field>
<td>form button</td></form>
</tr>
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================


Brett said:
Thanks,

I have tried that and many other tweaks and can't seem to get this one under control.

Notice, I have the same issue along the top nav bar using the link buttons, they crowd to the top
Click to expand...
as well.
 
B

Brett

Thanks all for the ideas

I have tried what I think is every possible combination of table/cell alignment arrangement I could come up with no no avail

It would make sense that the line break is "forced" by the form button and I may just be beating a dead horse

Thomas, I will try your suggestion again witout the FP generated tags as well

I can work around the issue design wise, I had just envisioned a more compact design for the forms. I may just change the buttons to hyper-links and elimate the use of the form

No big deal, I could have regenerated the hyper-link code and added the button graphics at least 1000 times in the time I spent tweaking this, it really got me curious more than anything.
 
T

Thomas A. Rowe

Brett,

See:
http://www.ycoln-resources.com/Brett/index.htm

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================


Brett said:
Thanks all for the ideas.

I have tried what I think is every possible combination of table/cell alignment arrangement I
Click to expand...
could come up with no no avail.
It would make sense that the line break is "forced" by the form button and I may just be beating a dead horse.

Thomas, I will try your suggestion again witout the FP generated tags as well.

I can work around the issue design wise, I had just envisioned a more compact design for the
Click to expand...
forms. I may just change the buttons to hyper-links and elimate the use of the form.
No big deal, I could have regenerated the hyper-link code and added the button graphics at least
Click to expand...
1000 times in the time I spent tweaking this, it really got me curious more than anything.
 
S

Stefan B Rusynko

Works for a single form , but he has multiple lines or products w/ multiple forms (1 per line)
- each form tag will still cause a line break in his rows of products

Really should be using 1 form w/ multiple submits w/ a custom script, not multiple forms




| Brett,
|
| See:
| http://www.ycoln-resources.com/Brett/index.htm
|
| --
| ==============================================
| Thomas A. Rowe (Microsoft MVP - FrontPage)
| WEBMASTER Resources(tm)
|
| FrontPage Resources, WebCircle, MS KB Quick Links, etc.
| ==============================================
| To assist you in getting the best answers for FrontPage support see:
| http://www.net-sites.com/sitebuilder/newsgroups.asp
|
| | > Thanks all for the ideas.
| >
| > I have tried what I think is every possible combination of table/cell alignment arrangement I
| could come up with no no avail.
| >
| > It would make sense that the line break is "forced" by the form button and I may just be beating a
| dead horse.
| >
| > Thomas, I will try your suggestion again witout the FP generated tags as well.
| >
| > I can work around the issue design wise, I had just envisioned a more compact design for the
| forms. I may just change the buttons to hyper-links and elimate the use of the form.
| >
| > No big deal, I could have regenerated the hyper-link code and added the button graphics at least
| 1000 times in the time I spent tweaking this, it really got me curious more than anything.
|
|
 
B

Brett

Thanks for your time on this one, that did the trick, I was ending the form before ending the td
</form></td>...rather than
</td><form>
 
B

Brett

Thomas, again thank you

Yes, it appears to work just fine with multiple forms

Stefan, I understand what your saying and have many times considered a drop down form with choices to reduce the "clutter" BUT in this case the target audience is generally not real web saavy

The product I sell is mostly sold to retired guys that do woodworking, carving and hobby stuff

Straight forward, BUY NOW, seems to work the best...one button per item

I apoplogize if by using one form there is away to accomplish my layout, I am not aware of that but would love to be shown. I learn as I encounter "problems and apprcaite the continued help I receive on this board

Thanks all,

Brett
 
S

Stefan B Rusynko

Thomas
Interesting - works when it shouldn't work

And shows you how "tolerant" browsers (including NN) are of Html that violates the html schemas and object models. The only objects
/ tags that a table is "supposed" to support are:
CAPTION, COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, and TR,
of which only the CAPTION, TH and TD are supposedly "valid" containers for content or other html tags (like forms)
- and the "broken" html suppresses the form block level "line feed" too, which is even more surprising

Interesting quirk in current browsers to use
- as long as you don't care about validation (even the FP 2003 schemas flag it as invalid html),
- never reference the DOM or TableObject model programmatically,
- and watch it for future potential browser compatibility issues



| It will work for whatever number of forms.
|
| See:
| http://www.dbmarine.com/sales/product.asp?C=Charts+/+Software&S=Garmin
|
| Every BUY Image is a form for that line item.
|
| --
| ==============================================
| Thomas A. Rowe (Microsoft MVP - FrontPage)
| WEBMASTER Resources(tm)
|
| FrontPage Resources, WebCircle, MS KB Quick Links, etc.
| ==============================================
| To assist you in getting the best answers for FrontPage support see:
| http://www.net-sites.com/sitebuilder/newsgroups.asp
|
| | > Works for a single form , but he has multiple lines or products w/ multiple forms (1 per line)
| > - each form tag will still cause a line break in his rows of products
| >
| > Really should be using 1 form w/ multiple submits w/ a custom script, not multiple forms
| >
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > To find the best Newsgroup for FrontPage support see:
| > http://www.net-sites.com/sitebuilder/newsgroups.asp
| > _____________________________________________
| >
| >
| > | Brett,
| > |
| > | See:
| > | http://www.ycoln-resources.com/Brett/index.htm
| > |
| > | --
| > | ==============================================
| > | Thomas A. Rowe (Microsoft MVP - FrontPage)
| > | WEBMASTER Resources(tm)
| > |
| > | FrontPage Resources, WebCircle, MS KB Quick Links, etc.
| > | ==============================================
| > | To assist you in getting the best answers for FrontPage support see:
| > | http://www.net-sites.com/sitebuilder/newsgroups.asp
| > |
| > | | > | > Thanks all for the ideas.
| > | >
| > | > I have tried what I think is every possible combination of table/cell alignment arrangement I
| > | could come up with no no avail.
| > | >
| > | > It would make sense that the line break is "forced" by the form button and I may just be
| beating a
| > | dead horse.
| > | >
| > | > Thomas, I will try your suggestion again witout the FP generated tags as well.
| > | >
| > | > I can work around the issue design wise, I had just envisioned a more compact design for the
| > | forms. I may just change the buttons to hyper-links and elimate the use of the form.
| > | >
| > | > No big deal, I could have regenerated the hyper-link code and added the button graphics at
| least
| > | 1000 times in the time I spent tweaking this, it really got me curious more than anything.
| > |
| > |
| >
| >
|
|
 
T

Thomas A. Rowe

Stefan,

We will just have to keep this a secret from the browser authors! <vbg>

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================


Stefan B Rusynko said:
Thomas
Interesting - works when it shouldn't work

And shows you how "tolerant" browsers (including NN) are of Html that violates the html schemas
Click to expand...
and object models. The only objects
/ tags that a table is "supposed" to support are:
CAPTION, COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, and TR,
of which only the CAPTION, TH and TD are supposedly "valid" containers for content or other html tags (like forms)
- and the "broken" html suppresses the form block level "line feed" too, which is even more surprising

Interesting quirk in current browsers to use
- as long as you don't care about validation (even the FP 2003 schemas flag it as invalid html),
- never reference the DOM or TableObject model programmatically,
- and watch it for future potential browser compatibility issues



| It will work for whatever number of forms.
|
| See:
| http://www.dbmarine.com/sales/product.asp?C=Charts+/+Software&S=Garmin
|
| Every BUY Image is a form for that line item.
|
| --
| ==============================================
| Thomas A. Rowe (Microsoft MVP - FrontPage)
| WEBMASTER Resources(tm)
|
| FrontPage Resources, WebCircle, MS KB Quick Links, etc.
| ==============================================
| To assist you in getting the best answers for FrontPage support see:
| http://www.net-sites.com/sitebuilder/newsgroups.asp
|
| | > Works for a single form , but he has multiple lines or products w/ multiple forms (1 per line)
| > - each form tag will still cause a line break in his rows of products
| >
| > Really should be using 1 form w/ multiple submits w/ a custom script, not multiple forms
| >
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > To find the best Newsgroup for FrontPage support see:
| > http://www.net-sites.com/sitebuilder/newsgroups.asp
| > _____________________________________________
| >
| >
| > | Brett,
| > |
| > | See:
| > | http://www.ycoln-resources.com/Brett/index.htm
| > |
| > | --
| > | ==============================================
| > | Thomas A. Rowe (Microsoft MVP - FrontPage)
| > | WEBMASTER Resources(tm)
| > |
| > | FrontPage Resources, WebCircle, MS KB Quick Links, etc.
| > | ==============================================
| > | To assist you in getting the best answers for FrontPage support see:
| > | http://www.net-sites.com/sitebuilder/newsgroups.asp
| > |
| > | | > | > Thanks all for the ideas.
| > | >
| > | > I have tried what I think is every possible combination of table/cell alignment arrangement I
| > | could come up with no no avail.
| > | >
| > | > It would make sense that the line break is "forced" by the form button and I may just be
| beating a
| > | dead horse.
| > | >
| > | > Thomas, I will try your suggestion again witout the FP generated tags as well.
| > | >
| > | > I can work around the issue design wise, I had just envisioned a more compact design for the
| > | forms. I may just change the buttons to hyper-links and elimate the use of the form.
| > | >
| > | > No big deal, I could have regenerated the hyper-link code and added the button graphics at
| least
| > | 1000 times in the time I spent tweaking this, it really got me curious more than anything.
| > |
| > |
| >
| >
|
|
Click to expand...
 
B

Brett

Well, if you have a minute, point me in a direction where I could learn a little more about proper forms

Keeping in mind that I want seperate line items and seperate submit buttons for each line item.

The target audience for the site is on the older side and not real web saavy and I like to keep things simple and easy to use for them

Out of curiousity, I would like to learn the proper way...perhaps one day I can graduate from my present total hack-butcher status and have some genuine skill

Well, maybe not that but I am always happy to learn.
 
T

Thomas A. Rowe

Brett,

Currently there is no other way, (well maybe with CSS) to do this, especially when you have multiple
forms on a page. If you were to only have a single form on your page, then you could wrap the entire
page in a form tag.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================


Brett said:
Well, if you have a minute, point me in a direction where I could learn a little more about proper forms.

Keeping in mind that I want seperate line items and seperate submit buttons for each line item.

The target audience for the site is on the older side and not real web saavy and I like to keep
Click to expand...
things simple and easy to use for them.
Out of curiousity, I would like to learn the proper way...perhaps one day I can graduate from my
Click to expand...
present total hack-butcher status and have some genuine skill.
 
Top