Hi,

 

For the header graphic on my website I use the following CSS:

#header

{

margin : 0 1px;

background : url('images/header3.jpg') top;

height: 400px;

}

 

with HTML of

<div id="header">

 

so far so good, I would like to have a diffrent header on each page so what I have done is I created

#header2

{

margin : 0 1px;

background : url('images/header2.jpg') top;

height: 400px;

}

 

with HTML of

<div id="header2">

 

but when I view the page there is nothing in the header any reason why. the header.jpg file is at the correct place ect.

 

Thanks

Do it like this, and you don't need the top bit as it will automatically be at the top.

 

background-image: url(images/header2.jpg);

Do it like this, and you don't need the top bit as it will automatically be at the top.

 

background-image: url(images/header2.jpg);

 

Thanks Dizi do I put that in the css or html

CSS

 

have it like this

 

#header2
{
margin : 0 1px;
background-image: url(images/header2.jpg);
height: 400px;
}

CSS

 

have it like this

 

#header2
{
margin : 0 1px;
background-image: url(images/header2.jpg);
height: 400px;
}

mmm still not working here is the url http://www.rochabravavilla.com/villa.html

Your css said

#header2 
{
margin : 0 1px;
background : url('images/header2.jpg') top;
height: 400px;
}

when I changed it to

#header2 
{
margin : 0 1px;
background : url('images/header2.jpg');
height: 400px;
}

then it worked fine. Your shorthand syntax wasn't valid.

 

But that image is insanely large. it's just a test image, right?

mmm still not working here is the url http://www.rochabravavilla.com/villa.html

Got it sorry school boy error! Thanks for all the help.