Tagged: header align top
I am just building my site and my header image is not centered. It’s aligned with the top of the page for some reason. I followed the same size as requested.
How do I get it to lie in the center?
OK I think I’ve got this. There’s a few changes to make to your stylesheet.
We’re going to move the logo background image down by 27px using absolute positioning:
background: url("http://daybluedesigns.com/newsite/wp-content/uploads/2013/03/header1.png" no-repeat scroll center 27px transparent;
Then we’re going to increase the min-height of the header to accommodate the size of the image:
margin: 0 auto;
I get what we’re doing, but where does the first piece of code go? Is it replacing this:
background: url(images/bg-header.jpg) repeat-x top;
or going in as new content?
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.