|
|
| Author |
Message |
fogel1497
Joined: 10 Jun 2006
Posts: 3
|
 Posted: Sat Jun 10, 2006 1:43 pm Post subject: Slicing question + PHP and HTML |
 |
|
I have created a simple webpage layout, and want to include an html form so a viewer can submit information. I have sliced my webpage so that the area in which i want the form to be in is it's own individual slice. I tried opening up the slice in notepad, and including the html for the form. However this doesn't seem to do anything, any help? |
|
|
|
|
 |
Pixelcruncher
Joined: 08 Jun 2006
Posts: 36
Location: UK
|
| Posted: Sat Jun 10, 2006 3:52 pm Post subject: |
|
|
Hi,
If the slice you mentioned is an image then you can't use that as a form. Usually you will use the photoshop designed form as a visual guide only and replace the graphic with html form elements such as input boxes, text areas and submit buttons . (These can be styled with CSS to get the same visual appearence as the photoshop slice).
The form action would then reference the PHP script that handles the actual processing of the data sent by the form - error checking, database insertions etc.
_________________
ATB
Graphic Design Headlines |
|
|
|
|
|
fogel1497
Joined: 10 Jun 2006
Posts: 3
|
| Posted: Sat Jun 10, 2006 4:38 pm Post subject: |
|
|
so what if i wanted the form directly in the middle of my photoshop layout. if i inlclude a form outside of the layout i can only put it to hte left of my entire layout, right of my entire layout, top of my entire layout, or on the bottom. How can i embed it? |
|
|
|
|
|
Pixelcruncher
Joined: 08 Jun 2006
Posts: 36
Location: UK
|
| Posted: Sat Jun 10, 2006 5:25 pm Post subject: |
|
|
Find the table cell (or div depending how you saved the html) where the slice containing the form image is, remove the <img src...> and replace it with the form code.
_________________
ATB
Graphic Design Headlines |
|
|
|
|
|
fogel1497
Joined: 10 Jun 2006
Posts: 3
|
| Posted: Sat Jun 10, 2006 6:12 pm Post subject: |
|
|
i did that, but if you look at my site, www.freerentersseminar.com you can clearly see that the rest of the template is messed up by this, any solutions? |
|
|
|
|
|
Pixelcruncher
Joined: 08 Jun 2006
Posts: 36
Location: UK
|
| Posted: Sun Jun 11, 2006 5:24 am Post subject: |
|
|
Hi,
To get your site back in line replace your second row (<TR>) with the following code:
| Code: |
<tr>
<td rowspan="2">
<img src="images/chfpage2_02.gif" width="201" height="221" alt=""></td>
<td rowspan="2" width="382">
<form action="process.php" method="Post">
First name:
<input type="text" name="firstName"> <Br>
E-mail: <input type="text" name="eMail">
<input type="submit" value="Submit"></align>
</form>
</td>
<td rowspan="2">
<img src="images/chfpage2_04.gif" width="422" height="221" alt=""></td>
</tr>
|
This is a great example of the inflexibility of templates. Because the slices are converted into a table and cells (or AP divs) anything that is contained within a cell MUST NOT be any bigger than the image it replaces otherwise the whole design is knocked out.
_________________
ATB
Graphic Design Headlines |
|
|
|
|
|
gusblake
Joined: 03 Jul 2005
Posts: 19
|
| Posted: Sun Feb 04, 2007 4:30 pm Post subject: |
|
|
don't use photoshop to design websites. use html. i would recommend re-designing and writing the code by hand, inserting images only if it is completely necessary. this may seem stupid but it always pays off later |
|
|
|
|
|
|
