/    Sign up×
Community /Pin to ProfileBookmark

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 [URL=”http://www.feileacain.ie”]here[/URL]. The code is as follows:

[B]CSS[/B]

[CODE]#donate{
position: absolute;
top: 24px;
left: 650px;
}[/CODE]

[B]HTML[/B]

[code=html]<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>[/code]

I would really appreciate any assistance. Thank you

[upl-file uuid=7dcaa3b0-03e0-4a6c-a469-6b50f6a4aa6f size=112kB]donate button.gif[/upl-file]

to post a comment
CSS

1 Comments(s)

Copy linkTweet thisAlerts:
@holyhttpNov 01.2010 — 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.
×

Success!

Help @thegreatdanton spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...