CSS stylesheet in which I want to add the website header and a photo that will then appear on every page.?

Question

Hi. I have a stylesheet in which I want to add the website header and a photo that will then appear on every page of my site. I have tried using the background-image declaration but for me it doesn´t work. Apart from wanting the header (a .gif) and the photo on each page, I also want to make some text, a backbutton and the menu appear on each page. I am new to CSS and basically, just need to find out how to write/input these items just ONCE in the stylesheet instead of having to repeat the same thing on each page.

Many thanks for your help.

Answer 1

This code will set up a 2 column layout on your page. It will also include a header element at the top where you can insert an image to be displayed on evry page

By altering the body element tag the whole document will adopt these changes, you can alter each part of the page by changing the colour in each div.

body{
border:0px;
margin:0px;
padding:0px;
height: 100%;
background: #F9FFFF;
}
#masterhead {
margin: 0px;
height: 30%;
padding:0px;
background-image: url(yourimage.gif); // see notes
background-position: absolute; 0% 0%;
background-repeat: no-repeat;
background-attachment:scroll;
}
#content{
margin: 20px 20px 20px 160px;
padding: 20px 20px 0 20px;
}
#sidebar{
position:absolute;
left:20px;
width:200px;
margin-top: -20px;
margin-bottom:10px;
padding:10px;
}
#footer{
width:100%;
height:35px;
margin:0;
}

NOTES

you will have to save your image to the size that you need as you can't set the size using css.

HTML code

Answer 2

A style sheet only will change the style of existing elements on the page, it can't generate data or dynamic content. If you want to have a menu or header on every page and only have to make changes to one file instead of the entire page, you are going to need to use PHP Includes or Cold fusion or whatever else your comfortable with. You can then apply your stylesheet to the pages you create for the header foorter and menu. This site has more explanation if needed.http://www.stevedawson.com/article0012.php
Good Luck

Answer 3

This isn't a job for the stylesheet. CSS just handles formatting. If you want some text and HTML to appear on every page, you will need some sort of server-side include. This means you have the standard header stuff in a separate file, and just add at the top of every page.

(Note this will only work when your pages are on the server, it won't work if you're just previewing your pages from your own machine).

Answer 4

As previously stated. You can't do this in your style script. An alternative to #include would be to write your common header into a javascript script and include that at the top of your page



...
The .js file would contain

document.write("");
document.write("

Answer 5

I would say if you created this in Adobe Dreamweaver, then go ahead and create this page as a template, then creating the rest of your website using the template. I hope this helps! =]