If you find that process a bit overwhelming, why not just publish to S-Drive? All you need to do then is paste in a single block of code into your website and you are all done. No uploading of files needed. This will then get you up and running instantly until you have time to read up on these things.

Chris I'm trying to help you but I don't know a users level of knowledge on html and php until they tell me. I've seen seasoned users including me make beginner mistakes so getting all the facts is the first thing to do.
Here's a quick adjustment I made and got your form show the way you want but it still needs work.
http://ericrohloff.com/coffeecup/test/test.html
In the form builder set the maximum width for your form to something less then 750px. Probably 700px then republish your form, adjust the iframe code and test the results

Jo Ann, I did design my form in the default window size. But that's a good tip to know. Thanks!

Scott, this happened when I designed the form in the free version and uploaded it to S-Drive too. This issue is the sole reason I asked you before I bought the paid version if I would get the other files and be able to tweak things. I noticed it in S-Drive and just thought that if I could get to the code I could simply change the size of individual boxes and be done in a matter of minutes. But as I said yesterday, the rules in the css seem to be "global" and if I change one box size in the css it changes all the other boxes of that same element type. But, also as I said yesterday, I was taught how to type a style="" line in the html file that would change an individual box size - but then the other items didn't respond by scooting over and filling that space I provided by making one box smaller.

Eric, I know you are trying to help and I really, really do appreciate it. I like the adjustment you made; I just don't know how you did it.
In the WFB, on the Form Options tab, I have Max. Width set to 700px. But I also have Form Width set to 100% (don't know if that is causing the problem). And this brings me to this question: What does Item Width do (in the Form Options tab)? There are percentages to choose from and I don't see a difference in WFB when I change this setting. Maybe that is also part of my problem?
Did you make that adjustment you made by simply setting the Max. Width in WFB ?

Okay. I'm getting somewhere by adding a width to the item-column div and one to the input-box in the html. It seems to be doing what I want now and pulling the other items back onto the line they should be on. Yesterday I was only adding a width to the input-box; not the entire div, and that's why it wasn't scooting things over.

I just had to think on it a while and work through it since I am super new to this. If I run into anything else I will let you guys know. But for now I will give you a break from me.

Thanks!

Okay.... I was able to get my form how I like it by adding styles in the html. It looks & works how I wanted it to and I'm extremely happy!

Now... I am trying to configure the Notification Message and Auto-response Message. I see how I can adjust anything I want on those except for the actual "form results" [_form_results_]. Remember, I know almost nothing so have patience & I'll get there.

I see that the form results are inserted into the emails by this method: <div>\n[_form_results_]\n</div> and I see where it looks like the results are in a "table". But I can't find that table. The table is what I really want to customize. I'd like the emails to produce the form results more like:

3/23/14

John Doe
123 Street Dr.
Chicago, IL 12345

jdoe@emailaddress.com
(areacode) 123-4567

Items he wants to buy -
3 - tables - 55" long - brown stain
12 - ladder-back chairs - white paint

Comments -
"John's comments........."

Instead of the way it looks now with the element name in row one, column one; the result of that field in row one, column two. This just looks more like a spreadsheet than I'd like.

I want it to look more concise and organized - like a letter written to me asking to order something. And I'd like to put my logo image (opacity low) behind the results, in the background.

Can anyone tell me which file I need to look in to see where I would begin to adjust the look of the table that is [_form_results_] ?

I see in the file: form.cfg.php where I could adjust the table width, font size, line height, color, margins, etc..

But I'd really like to make my own table for this; laid out & styled the way I want it, but where it will still call the results and place them where I tell it. And w/o showing the "Name" property of the field in the email.

As it explains in the WFB (Settings, Email Notices, Customize Notification Message), should I just remove [_form_results_] from the div and add all of the field contents in brackets into that div in the order I want to see them in the email? And if so, will only the ones they filled out show up in the email?

Or like I was asking above, is there just a way I can get to the table the results are in and modify that?

Go to your form settings
then Comfirm Options tab
Then at the bottom you will see the "Insert data from:"
You can remove the [_form_results_] and select the ones you want individually so you can style them the way you want.

Hey Eric, did you mean Email Notices?
Confirm Options is for what comes up on the screen after they submit the form - and I have mine set to redirect to a url of my "Thank You" page.

I'm looking to customize the Email that I get and that they get after they submit the form. The email with the results of what they filled out on the form. And those results are displayed in the email(s) in a table. I need to know how to modify that table..... where I can even find that table to be able to modify it.

Same applies whether you doing a confirmation or an email notice. Go to the email tab then select "Configure Email Message" and do the same thing as far as selecting "Insert data from:"

Okay, that did absolutely no good. Of course, now the form.cfg.php file has a list of Named Elements in it instead of just saying [_form_results_] but the email came to me just exactly as it did before - with ALL FILLED-IN RESULTS from the submitted form.

And in the same order as they appear on the actual form - not in the order I "inserted" them. But this still isn't telling me how to find the table so I can edit it. I wanted your suggestion to at least do something toward my goal (the goal of being able to "Web Form Builder supports HTML and CSS so there is no limit to how snazzy you can design your message")

I have been worried since I bought the software that, if I needed help, you guys would feel like you had to start from "the beginning" with me since I am new to web design. But maybe it is me that needs to start from the beginning. I'm really trying not to be "difficult", but before I bought the WFB all of the promotions for it talk about ALL the help that is included with the purchase.
So let's do it like this:

Do you agree that the Notification Message and the Auto-response Message, as they show up in the emails, include a TABLE that shows the results of the form submission?

If so, then you would also agree that somewhere that table is:
1) told to exist,
2) formatted with a certain number of rows & columns,
3) told which "named field" from the form to put in what cell of the table,

So... where is that TABLE in the files after I export them? If I can get to it, I can do what I want w/o bothering anyone. What I'm wanting to do can not be done from the WFB.

In the form.cfg.php, or in WFB I can "Snazzy-up" everything EXCEPT how the form results look. Which means..... I'm not really "snazzying" very much at all. It is the results, which appear in a TABLE when it is sent in an email, that I need to modify.

I don't just want to change the color, font-size, margins, etc. of the results. That's not snazzy. I want to be able to do anything I can dream of - since I know I could if I could just get to the TABLE the results are shown in.