Jump to content

Forms are overlapping, help


Chrisj

Recommended Posts

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

 

<!--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" />  <strong>
     <!--[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):

 

<!--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" />  <strong>
     <!--[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?

Link to comment
https://forums.phpfreaks.com/topic/179143-forms-are-overlapping-help/
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.