Need help with positioning
I have added a paypal donate button to the header of my website. However, it appears to be positioned incorrectly. Please see the attached screenshot. It looks ok on my laptop but is covering the logo when viewed on my pc. The website is here. The code is as follows:
I would really appreciate any assistance. Thank you
<form action="https://www.paypal.com/cgi-bin/webscr" target="_blank" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="DLT9VHDH9A48J">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
Because the #donate container has an absolute position, its coordinates not affected by the presence of other elements in your web pages.
If your page has a main wrapper div, which is think is the case judging by the fact that your page content is horizontally centered, set the position of that main container to relative.
From then on, the #donate div will take will use the top-left corner of that main wrapper as the reference point for its coordinates.
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)