PDA

View Full Version : Stuck on creating a custom form



lmorales
05-24-2012, 04:18 PM
Im really kinda clueless when it comes to making forms, Ive always relied on just going to jotform and making a pre-made one, but it doesnt work for this problem.

I need to make a form, that sends an email to the shop with the details of a appointment request, the hard part is I need to make it look exactly like this..

http://www.trendstudiosorlando.com/images/weblayout.jpg.

so far, when i try to place it within my divs, everything shifts odd, and the sizing is off, and yeah... i really have no clue how to do it and am getting screamed at daily since it hasnt been done :/...help?


my test site is up at *Sigh* www.trendstudiosorlando.com/test3/index.html


bleh.:confused::confused::confused::confused:

SB65
05-24-2012, 04:43 PM
You need to position it absolutely within #main_image. Does that help?

lmorales
05-24-2012, 04:45 PM
I did, but thats not really my main problem, the main problem is i dont know how the heck to make the form look like that, I tried getting a base from jot form and editing it, but yeah, soooo didnt work as intended. looked ugly.

SB65
05-24-2012, 04:59 PM
Have a look at these two resources on forms:

http://www.alistapart.com/articles/prettyaccessibleforms
http://www.noupe.com/php/beautiful-forms.html

The A List Apart article is pretty old now but still has some useful things to say.
You're going to need a submit button as well, although one isn't shown on your design doc...

Have a look at them and have a try at producing the form, and post back if you get stuck.

lmorales
05-24-2012, 05:55 PM
Thanks!!! I will try those!

lmorales
05-24-2012, 10:47 PM
Ok, so that worked awesome so far ( the 2nd one, haha i tried the 1st a lil while ago and just went " huh?") my only question now, is I know how to make the form submit where it pops up an email compose message thing in your default email program, but how do i just automatically make it send the email to the intended recipient with all the details located in the form?

SB65
05-25-2012, 08:42 AM
You need to use a server side language to do this - have a look at this simple php example (http://email.about.com/od/emailprogrammingtips/qt/How_to_Send_Email_from_a_PHP_Script.htm).

dcostarobert156
05-29-2012, 07:26 PM
Im really kinda clueless when it comes to making forms, Ive always relied on just going to jotform and making a pre-made one, but it doesnt work for this problem.

I need to make a form, that sends an email to the shop with the details of a appointment request, the hard part is I need to make it look exactly like this..

http://www.trendstudiosorlando.com/images/weblayout.jpg.

so far, when i try to place it within my divs, everything shifts odd, and the sizing is off, and yeah... i really have no clue how to do it and am getting screamed at daily since it hasnt been done :/...help?


my test site is up at *Sigh* www.trendstudiosorlando.com/test3/index.html


bleh.:confused::confused::confused::confused:

Hi,

I think you should use some online softwares to create a form as per your requirements or if you are agree for spending some money there are lots of sites which you can use to make the form like Aweber, constantcontact,etc.