Jonnym53 Posted November 13, 2014 Share Posted November 13, 2014 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 comment Share on other sites More sharing options...
dustcomposer Posted November 14, 2014 Share Posted November 14, 2014 (edited) 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 November 14, 2014 by dustcomposer Link to comment Share on other sites More sharing options...
Jonnym53 Posted November 24, 2014 Author Share Posted November 24, 2014 Thanks for the reply. I'll give it a go and see if it works. regards John M. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now