| SitePoint Sponsor |
Hi people,
Am learning CSS for the first time.
How can I position a background image so that it starts at the top center of my web page? When I position it leaves a gap of like 10px at the top. I want to eliminate the gap. Please help.
Thanks,
Muyeshi.
http://www.w3schools.com/css/css_background.asp
It has all the background information you need. Look specifically at background-position.
If you're still having trouble butting it up against the top - have your <body> tag with margins of 0 (it will move everything up and to the left a few pixels).
E.G. <body style="margin: 0px;">
Have I helped you? You could help me.
Like my business on facebook!
Text message polls with real-time, live results.
(obviously have that margin:0 in the stylesheet rather than inline though...)
I just showed inline for ease - obviously not a difficult process moving it to your stylesheet. But if he's already got background positioning and he's having trouble it's possible he hasn't set his margins.Originally Posted by Tailslide
Have I helped you? You could help me.
Like my business on facebook!
Text message polls with real-time, live results.
Thank you. It worked.
No problem! But I agree with Tailslide - you would want to put it in your external stylesheet so if you make changes site-wide you won't have to go through each of the pages and edit them manually. If you don't know how to do it - here's a five minute lesson that will teach you how: http://www.tizag.com/cssT/external.php
Have I helped you? You could help me.
Like my business on facebook!
Text message polls with real-time, live results.
html, body {margin:0}
Then insert backimage into centered div which styled {margin:0 auto}
Posting Permissions
Bookmarks