Header code? - Post ID 217846
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?
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.
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
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
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..
My site is: http://www.vacationcottagerentals.co
The header needs to be, of course, at the top of the code..
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
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
Use this for the header in your css file:
And then in the html file this line where you want the header to appear:
<div id="header"></div>
#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;}
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
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.