Forum Moderators: open

Message Too Old, No Replies

Making Tables Smaller (Fields)

Trying to reduce the overal size of a form.

         

theadvocate

2:49 am on Oct 16, 2002 (gmt 0)

10+ Year Member



Hello,

Could someone please tell me how to make the form fields smaller, text, etc. I use Frontpage. I should already know this but I have always just used the regular form. But now space is crucial and I need to make the form as small as possible.

Thank you

brotherhood of LAN

2:55 am on Oct 16, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Hello the advocate, Welcome to Webmasterworld [webmasterworld.com]

You can click on "form field properties" and click on style with Frontpage and format whatever you want to change the look of.

otherwise, you could use CSS to format form fields and save you the large code that frontpage can/will create by putting style on the page.

theadvocate

3:04 am on Oct 16, 2002 (gmt 0)

10+ Year Member



Thanks for the quick reply and the warm welcome :)

I went to the Form field properties as usual and didn't see anything, but since you suggested, I persisted and found it under the font format. I have been using FP for 5 years and never knew that.

One last question...

At the bottom of my forms, under the "Submit Request" button, there is always an added bit of space, say a quarter of an inch between the button and the bottom of the form. Is there a way to eliminate that space so the buttom sits right on the bottom of the form?

Thanks again.

brotherhood of LAN

3:17 am on Oct 16, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I *think* another member mentioned deleted spaces between your tags and line breaks can solve a problem like that.

You might want to check to make sure you have closing tags for any <p> tags inside the form...frontpage is bad for forgetting either the opening or closing one.

If all else fails and the code looks ok, you might want to look more into CSS if you have not already, as you can sort the top/bottom margins of anything you like by declaring it in your style sheet.

Hope that helps

theadvocate

3:37 am on Oct 16, 2002 (gmt 0)

10+ Year Member



I think FP is just being obstinate. There is nothing wrong with the formatting of the form, all closures are present and nothing is at the end.

I can go into FP and tell it to create an entirely new form which has nothing but the initial box and the Submit/Reset buttons, yet when I put the next table underneath it is leaving the gap. When I look at the HTML there is nothing between the end of the form and the next table, it is just leaving a space, argh.

I guess I will have to go search the web for forms and see if that gap is common. I wouldn't think so, probably an FP anomaly. I coldn't stand FP98, too many overriding auto formats, but FP 2000 hasn't been that bad. Nevertheless, perhaps that is the problem.

theadvocate

3:49 am on Oct 16, 2002 (gmt 0)

10+ Year Member



I have looked around a bit and unless everyone is using FP, it looks like that space at the bottom of the form is unavoidable.

If you look at the follow form, you will see a bar a quarter inch or so below the submit button. If you cut and paste the entire page into an HTML editor and preview, you will see there is no way to get that bar, or anything else for that matter, to rest right underneath the bottom of the form.

[aestheticdesign.com...]

I guess everyone just has forms near the bottom of the page or it isn't an issue. I was going to stack a couple of forms near the top of the page and didn't want the extra space. Unless there is something else, I suppose I will just have to live with it.

Thanks again for all of your help.

pageoneresults

3:49 am on Oct 16, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Put this between your <head></head> tags...

<style type=text/css>form{display:inline;}</style>

That will clear up the gap. Make sure you do not have any hanging </p> or </td> tags as these will also cause gaps.

If you want to gain total control over your input, select and textarea elements, external css is the way to go. I just figured out a hack for NN4.x to make form elements look similar to IE and all the other browsers. NN4.x likes to show twice the width than normal.

P.S. Just realized you have an external css file. Put this in the external file...

form{display:inline;}

theadvocate

12:49 pm on Oct 16, 2002 (gmt 0)

10+ Year Member



Thank you, that worked perfectly :)