PHP with photoshop layout issue.

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Chrisjc
    Contributor
    • Nov 2006
    • 375

    PHP with photoshop layout issue.

    Okay so here is the break down. I have 3 pages.

    Index.php
    conversionTable .php
    convertPost.php

    Now my issue is the following.

    Everything works just fine however

    When I put a layout around my FORM and hit submit it sends gives me the feed back of everything but the layout that you see while filling out the form looks good everything is okay… now fill it out and hit submit. You will have to fill it all out to take a look at my issue. Please just put test in every field Zip code will need numbers and E-mail will need @ and a .com or . whatever is real.

    <Link removed>

    See what happens to the layout???

    Anyone have any idea how I can come about this to make it stop doing that…

    And should I post the code but which page would you like?
    Last edited by Atli; Sep 8 '07, 01:27 AM. Reason: Removed link
  • Atli
    Recognized Expert Expert
    • Nov 2006
    • 5062

    #2
    Hi.

    Sorry but links to commercial web pages are considered advertisements and in most cases they are considered spam. It had to go.
    If you have a ad-free mirror, or removed the links to the actual web, that would be a totally different story.

    I did, however, take a look at the web before I removed the link, and I can probably tell you what the problem is.

    Take a look at the HTML of the result page. There <body> tag is missing, there is no closing </HTML> tag... It's a mess.

    Fix the HTML, so it looks like the submission page and I bet that will fix it.

    Edit...
    Ignore what I said about the <body> tag... I just spotted it :P (tho I can't spot the closing tag)
    The colspans on the table cells are weird tho... that would be my next guess.
    Last edited by Atli; Sep 8 '07, 01:45 AM. Reason: Added stuff

    Comment

    • Atli
      Recognized Expert Expert
      • Nov 2006
      • 5062

      #3
      Ok.. I figured it out..

      It's the image, the one in the top-right corner. It is set to span over 2 columns, the one you meant to be the narrow border on the right side.
      The image is 501 pixels, so it is stretching the border over more than half the page.
      This probably does not affect the submission page because you have form elements blocking it's way.

      Comment

      • Chrisjc
        Contributor
        • Nov 2006
        • 375

        #4
        Originally posted by Atli
        Ok.. I figured it out..

        It's the image, the one in the top-right corner. It is set to span over 2 columns, the one you meant to be the narrow border on the right side.
        The image is 501 pixels, so it is stretching the border over more than half the page.
        This probably does not affect the submission page because you have form elements blocking it's way.

        didnt mean to make it come off like an ad or anything... sorry

        issue is thats the same page that you see to start with... just it loads the php and displays that so it would have to be in the php its self... of why it is displayn like that... Thats what I need to figure out how to make it stop... becuase if I change anything in the index then it might mess up the start page to start with.

        Comment

        • Atli
          Recognized Expert Expert
          • Nov 2006
          • 5062

          #5
          Ok. The only problem is that the images at the top are messed up.
          I would suggest that instead of splitting the three images over 3 <td> cells, put them all inside one <td> cell that is set to span over the entire 6 columns.
          You would have to scale them so the last one won't jump down into the next line, because as they are, they are larger than the table and are actually stretching it.

          Comment

          • Chrisjc
            Contributor
            • Nov 2006
            • 375

            #6
            Originally posted by Atli
            Ok. The only problem is that the images at the top are messed up.
            I would suggest that instead of splitting the three images over 3 <td> cells, put them all inside one <td> cell that is set to span over the entire 6 columns.
            You would have to scale them so the last one won't jump down into the next line, because as they are, they are larger than the table and are actually stretching it.
            That might work however when you do a layout like that in photoshop it slices things for you like that... its still the same page index.php just with the code reloading the filled in areas I think the only true way to fix this might be to put the php code in its own page in the center... so it would load only in the <td> center and thats it.. imma try that first

            "like an IFRAME"

            Comment

            • Atli
              Recognized Expert Expert
              • Nov 2006
              • 5062

              #7
              Your doing this in photoshop? I didn't even know that was possible :P

              I try not to allow any editor to control how my HTML markup is written, they tend to do a poor job at it.

              Comment

              • Chrisjc
                Contributor
                • Nov 2006
                • 375

                #8
                Originally posted by Atli
                Your doing this in photoshop? I didn't even know that was possible :P

                I try not to allow any editor to control how my HTML markup is written, they tend to do a poor job at it.

                Yeah called Slicing... anything I slice to make them a CELL or TABLE once I save it.. I dont agree much with it either it is very picky however it is the only way to be sure the images are correct.

                the php is by hand. That might be nice if they had a program where it made the form on its own haha

                but I agree it is a poor job. It is the only way to be sure the pictures will work correctly.

                Comment

                Working...