www.webdeveloper.com
Results 1 to 2 of 2

Thread: Need help with positioning

  1. #1
    Join Date
    Aug 2009
    Posts
    43

    Need help with positioning

    Hi there,

    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:

    CSS

    Code:
    #donate{
    	position: absolute;
    	top: 24px;
    	left: 650px;
    }
    HTML
    HTML Code:
    <div id="donate"> 
    			<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"> 
    		</form> 
    		</div>
    I would really appreciate any assistance. Thank you
    Attached Images Attached Images

  2. #2
    Join Date
    Nov 2006
    Location
    Oakland
    Posts
    500
    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.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles