PDA

Click to See Complete Forum and Search --> : how to place form code onto a .psd file?

webstart
09-11-2006, 10:02 AM
I made a contact page using PS and saved for web (gives me the html and images)

I'd like to put a form code on it but right now it puts it under the image?? I need it "on" the image
Yet if I try to place it "in the image" through PS it causes all teh slices to be unaligned :rolleyes:

Make sense?


my server uses .php


thanks for any help (and I hope I don't have to redo anything major this is hard for someone who knows nothing LOL)
KDLA
09-11-2006, 10:09 AM
You should really use text and input boxes, rather than images and/or PS coding for your forms. PS isn't a web design program; it's strictly for images (although it has web options).

Suggestion: Use your image as the background, then align a text-based form, using absolute positioning, over it.

KDLA
webstart
09-11-2006, 10:11 AM
ok, now how would I do that :o

eta
for my form I am using text/input:


<form action="" method="post">
<table align="center" width="300" cellspacing="5" border="0">
<tr><td align="center">Your Name:<br /><input name="fname" type="text" value="" size="35" /></td></tr>
<tr><td align="center">Your Email Address:<br /><input name="email" type="text" value="" size="35" /></td></tr>
<tr><td align="center">Your Message:<br /><textarea name="message" rows="8" cols="40"></textarea></td></tr>
<tr><td height="26" align="center"><input type="submit" name="submit" value="Submit" />&nbsp;&nbsp;<input type="reset" value="Reset" /></td></tr>
</table>
</form>

just wondering how to incorporate that?? you mentioned making y image a background??
KDLA
09-11-2006, 10:17 AM
How do you plan to use the image? Is a background for the whole page, or just the table, or just for certain elements of the table?
webstart
09-11-2006, 10:27 AM
the image was to be the web page, and I was hoping to put the table (contact form) in the centre...

here's the "page"
http://img.photobucket.com/albums/v55/EveNSean/contacts.jpg


but you are saying make it the background instead?


sorry to sound so dense I am beyond new at all this. thanks for your help.
KDLA
09-11-2006, 10:43 AM
This is going to take quite a bit of CSS to fix up. (For the record, never create a webpage in PS. Instead, start your layout in a web editing program, then enhance the layout with PS images. It's MUCH EASIER that way.)

Here's what I suggest - dissect your image, so you can do the following
- have the web page's background the darker blue color (outside the box) and apply to the body
- create a wrapper section, positioned in the center, with the lighter blue (inside the box) as the background
- create four buttons, which you'll assign as individual divs; absolutely position these
- then position the form inside all this (You can do this without the table, but I've included it, in case you can't).
Here's the order:
<body>
<div id="wrapper">
<div id="button1"></div>
<div id="button2"></div>
<div id="button3"></div>
<div id="button4"></div>
<table>
<form>
</form>
</table>
</div>
</body>

Visit http://www.w3schools.com/css/css_intro.asp to learn how to apply backgrounds and position your elements.

KDLA
webstart
09-11-2006, 10:46 AM
ok so note to self, do not make life harder than necessary *oops* ok I will try that and hope I can get it to work.




yeah I'm lost :confused: I appreciate the help! I really do.. I am going to have to figure something out! thanks though.