PhotoshopForums.com Home
Navigate Contact FAQ Search Members
Slicing question + PHP and HTML
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> General Photoshop and Design Discussion
 See a User Guidelines violation? Please contact us.
Author Message

fogel1497

Joined: 10 Jun 2006
Posts: 3



PostPosted: Sat Jun 10, 2006 1:43 pm    Post subject: Slicing question + PHP and HTML Reply with quote

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?
View user's profile Send private message

Pixelcruncher

Joined: 08 Jun 2006
Posts: 36
Location: UK


PostPosted: Sat Jun 10, 2006 3:52 pm    Post subject: Reply with quote

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
View user's profile Send private message Visit poster's website

fogel1497

Joined: 10 Jun 2006
Posts: 3



PostPosted: Sat Jun 10, 2006 4:38 pm    Post subject: Reply with quote

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?
View user's profile Send private message

Pixelcruncher

Joined: 08 Jun 2006
Posts: 36
Location: UK


PostPosted: Sat Jun 10, 2006 5:25 pm    Post subject: Reply with quote

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
View user's profile Send private message Visit poster's website

fogel1497

Joined: 10 Jun 2006
Posts: 3



PostPosted: Sat Jun 10, 2006 6:12 pm    Post subject: Reply with quote

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?
View user's profile Send private message

Pixelcruncher

Joined: 08 Jun 2006
Posts: 36
Location: UK


PostPosted: Sun Jun 11, 2006 5:24 am    Post subject: Reply with quote

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
View user's profile Send private message Visit poster's website

gusblake

Joined: 03 Jul 2005
Posts: 19



PostPosted: Sun Feb 04, 2007 4:30 pm    Post subject: Reply with quote

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
View user's profile Send private message Send e-mail
Display posts from previous:   
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> General Photoshop and Design Discussion All times are GMT - 6 Hours
Page 1 of 1
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You can download files in this forum


Contact - User Guidelines >

Copyright © 2003-2016. PhotoshopForums.com, iFroggy Network. All Rights Reserved.
Powered by phpBB © phpBB Group. phpBB SEO. Privacy Policy.
We are in no way affiliated with Adobe. Photoshop, Adobe and related marks are registered trademarks of Adobe.
PhotoshopForums.com