First off, let me say I am a complete noob at css and I am just trying to figure things out myself, so I hope this is not a stupid question. I did check the forum to see if my question had been asked/answered before, but I couldn't find a satisfactory answer. (That may be due to my CSS ignorance; if so, I apologize). Anyway…
If you look at the form I am trying to design, it's very long vertically. I want to reduce the length and make it easier to fill out. I am converting from a written page that is mailed out and completed by hand. The main part I want to change is the "Time Spent on…" sections near the end. You can see what the field layout is like here:
One way I *thought* I could do this is by individually altering the width of individual form fields, but the info I could find on that didn't really tell me where in the Styling/CSS to put the reference to the fields, or how exactly to refer to them.
Anyway, sorry for the lengthy question; I hope there's a short answer.
This basic form, however, http://www.kalamazooliteracy.org/test-form, works just fine. This suggests to me that the emailing process is working OK. So…is there any way that you could compare the two forms and tell me why one works and the other doesn't?
Did I mess something up while I was playing with the CSS?
No, I did not – that was the problem. I have fixed it now.
One thing – for novices like me I think the term below is a bit confusing (this was the source of my problem).
Maybe a simpler way to say it would be just "Include form data in the email". I just took it for granted that you would want the form data in the email – why else make an input form? Also – what's the "preformatted" mean? What would "unformatted' look like?
Oh, and how would I change the layout of the email message? (e.g. Right justify questions and left justify answers so they are closer together).
preformatted however does make sense, since it's included in a tabular fashion vs. continuous text.
you can of course disable the inclusion and simply insert (in the text message part) you own layout including references to all you form fields. See use of {variables} on your help page, too.
Your form fields can be referenced by either method: