Header code? - Post ID 217846

User 59459 Photo


Ambassador
7 posts

I had an image made to put into my index.php page on my site for the header at the top of the page.What is the code to implement this?
User 122279 Photo


Senior Advisor
14,569 posts

Which sitebuilder are you using?
And is this a header that is going to be repeated across the width of the site?
Or is it not to be repeated but is supposed to cover the width?
Your width, is that a fixed width, or is it 'wall to wall'?
Are you building a responsive site?
Are you using css?
Is the image going to appear on just the index page or on all the pages?

As you see, it would be better to give us a bit more information so that we can help.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 59459 Photo


Ambassador
7 posts

This is NOT going to be repeated across the width of the site, BUT is suppose to cover the width of the site.

My site is: http://www.vacationcottagerentals.co

The header needs to be, of course, at the top of the code..
User 187934 Photo


Senior Advisor
20,247 posts

Above the nav?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 122279 Photo


Senior Advisor
14,569 posts

Use this for the header in your css file:

#header {
width: 100%;
height: 150px;
background: #fff url(path-to-your-image.png) no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position:center;
margin: 0;}

And then in the html file this line where you want the header to appear:

<div id="header"></div>


Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.