SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Guru
    Join Date
    Nov 2004
    Location
    calif
    Posts
    737
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Forms are overlapping, help

    I have this html page that displays purchase button choices which directs a user to Paypal, in the Form, on this page:

    Code:
    <!--Begin Wide Column-->
    <div id="column-wide">
      <div id="generic-container" style="height:400px;">
    
     <div style="margin-left:12px; float:left;">
        <img src="themes/[var.user_theme]/images/icons/members_32.png" alt="members" width="32" height="32" align="absmiddle" />&nbsp;&nbsp;<strong>
        &nbsp;<!--[var.members_total;comm]--></strong>
      </div>
      <br />
    
      <div id="members-search">
    <br><br>
    
    <div class="container10">
    <br>
    <p><font face="verdana"><font size="3";font color=#800000;"><u>Purchase</u></font>
        <table>
    		<tr>
    		   <td width="100px"><font size="3" color="#000000" face="Arial"><u>Amount</u></font></td>
    		  <td width="100px"><u><font size="3" color="#000000" face="Arial">Cost</font></u></td>
    	     </tr>
    	     <tr>
    		  <td>[blk1.name;block=tr]</td>
       		  <td>
                   <form action="paypal_file.php" method="post">
                     <input type="hidden" value="[var.user_id]" name="uid">
                     <input type="hidden" value="[blk1.cred_amt]" name="cre">
                     <input type="hidden" value="Account Credits" name="itnm">
    	    	     <input type="hidden" value="[blk1.value]" name="valu">
                     <input style="border:1px black solid;width:100px"; type="submit" value="[blk1.value]" name="valu"></font>
                   </form>
                </td>
    	     </tr>
    </table>
          </div>
    <br><br>
    </div>
    
    </div>
    <br>
    <!--End Wide Column-->
    When I try to add another Form, that has an Amazon purchase button, below the existing Form, it appears to overlap when I view the page. Here's what the code looks like when I add the Amazon Form (button):

    Code:
    <!--Begin Wide Column-->
    <div id="column-wide">
      <div id="generic-container" style="height:400px;">
    
     <div style="margin-left:12px; float:left;">
        <img src="themes/[var.user_theme]/images/icons/members_32.png" alt="members" width="32" height="32" align="absmiddle" />&nbsp;&nbsp;<strong>
        &nbsp;<!--[var.members_total;comm]--></strong>
      </div>
      <br />
    
      <div id="members-search">
    <br><br>
    
    <div class="container10">
    <br>
    <p><font face="verdana"><font size="3";font color=#800000;"><u>Purchase</u></font>
        <table>
    		<tr>
    		   <td width="100px"><font size="3" color="#000000" face="Arial"><u>Amount</u></font></td>
    		  <td width="100px"><u><font size="3" color="#000000" face="Arial">Cost</font></u></td>
    	     </tr>
    	     <tr>
    		  <td>[blk1.name;block=tr]</td>
       		  <td>
                   <form action="paypal_file.php" method="post">
                     <input type="hidden" value="[var.user_id]" name="uid">
                     <input type="hidden" value="[blk1.cred_amt]" name="cre">
                     <input type="hidden" value="Account Credits" name="itnm">
    	    	     <input type="hidden" value="[blk1.value]" name="valu">
                     <input style="border:1px black solid;width:100px"; type="submit" value="[blk1.value]" name="valu"></font>
                   </form>
                </td>
    	     </tr>
    </table>
          </div>
    <br><br>
    </div>
    <div>
              <table>
    	  		<tr>
    	  		   <td width="100px"><font size="3" color="#000000" face="Arial"><u>Amount</u></font></td>
    	  		  <td width="100px"><u><font size="3" color="#000000" face="Arial">Cost</font></u></td>
    	  	     </tr>
    	  	     <tr>
    	  		  <td>[blk1.name;block=tr]</td>
    	     		  <td>
    	     		  <form action="https://authorize.payments.amazon.com" method="post">
    				    <input type="hidden" name="immediateReturn" value="1" >
    				    <input type="hidden" name="collectShippingAddress" value="0" >
    				    <input type="hidden" name="accessKey" value="11XCCBB8TTTH88XYY" >
    				    <input type="hidden" name="amount" value="USD 1.00" >
    				    <input type="hidden" name="signature" value="HtCCCvY0ohiugfBBB=" >
    				    <input type="hidden" name="isDonationWidget" value="0" >
    				    <input type="hidden" name="description" value="Purchase" >
    				    <input type="hidden" name="amazonPaymentsAccountId" value="YTUYTu7uytuyv88634904FFg5" >
    				    <input type="hidden" name="ipnUrl" value="http://www.website.com/ipnbo.php" >
    				    <input type="hidden" name="returnUrl" value="http://www.website.com/amazon_succeed.php" >
    				    <input type="hidden" name="processImmediate" value="1" >
    				    <input type="hidden" name="cobrandingStyle" value="logo" >
    				    <input type="hidden" name="abandonUrl" value="http://www.website.com/amazon_fail.php" >
    				    <input type="image" src="http://g-ecx.images-amazon.com/images/G/01/asp/beige_paynow_withmsg_whitebg.gif" border="0">
    </form>
    	              </td>
    	  	     </tr>
    </table>
    </div>
    </div>
    <br>
    <!--End Wide Column-->
    Can you help me correct whatever in this code is making the Amazon button appear on top of (or overlapping) the other buttons?

  2. #2
    SitePoint Guru
    Join Date
    Nov 2004
    Location
    calif
    Posts
    737
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for looking here, but i have now resolved this, thanks


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •