Jump to content
Jonnym53

Moving a paypal button

Recommended Posts

Hi all.

I have a sticky one here as I am having problems with a paypal button which is in the wrong place and I can't move it.

Firstly, I am trying to manipulate the code inside an editor on a hosting account.

I have N-Vue on my PC but don't know weather I want to go about downloading the code to my editor via FileZilla or not.

If I can do it where it is I'd prefer.

Anyway.

The page looks like this:

http://thekitchentablemillionaire.co.uk//index.html

 

As you can see, if you scroll down to the middle of the page there is a picture of a product set with a paypal button to the lower left of it.

I want to move the button to be directly under the picture.

The current code looks like this:

style="text-align: center;" align="center"><font color="#000000"><font style="font-size: 14pt;" size="4"><font color="#000000"><a text-align="" left="" align="left"><font color="#000000"><br> </font></a><font color="#000000"><b><font style="font-size: 20pt;" size="10" color="#0000ff">"The kitchen Table Millionaire" <p style="text-align: center;" align="center"><font color="#000000"><img style="border: 1px solid rgb(0, 0, 0); width: 188px; height: 162px;" alt="The Kitchen Table Millionaire" src=http://thekitchentablemillionaire.co.uk/Images/Kitchen%20Table%20productimage.jpg align="middle" border="0" height="152" hspace="0" width="178"></a></font></font></font></p><P><form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"><input type="hidden" name="cmd" value="_s-xclick"><input type="hidden" name="hosted_button_id" value="QGF5P9TN7L74U"><input type="image" src="https://www.paypal.com/en_GB/i/btn/btn_paynowCC_LG.gif" border="0" align=Center" name="submit" alt="PayPal – The safer, easier way to pay online."><img alt="" border="0" align="Center" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1" align="absolute Center"></form></p>What I can't understand is the "align" commands are all "centre" or absolute centre so why is the button only showing to the left of the page and how do I code to move it?

I'm not fluent in HTML but can follow instructions.

If someone can help???

Thanks

John M.

Share this post


Link to post
Share on other sites

as far as I know, when I still use html 4, the align attribute is only for left/right only. Try following code:

<div style='text-align: center'><p><form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"><input type="hidden" name="cmd" value="_s-xclick"><input type="hidden" name="hosted_button_id" value="QGF5P9TN7L74U"><input type="image" src="https://www.paypal.com/en_GB/i/btn/btn_paynowCC_LG.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online."><img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1"></form></p></div> 

Insert the image to a div and align the div to center.

Edited by dustcomposer

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...