Jump to content

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.

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
Link to post
Share on other sites
  • 2 weeks later...

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...