Hi all,
I'm helping the local chapter of Trout Unlimited with their web site and I was able to fix all of the problems with the help of w3schools.
Now I have a problem with the header, I'm replacing the background with a png image of 1080px by 200px and the banner get truncated if I resize the browser.
The header consist of a background, 2 logos, some text and also the menu bar is superposed on the header.
The old banner was a simple backgroud that was repeated:
From style.css for the old banner:
line-height: 1.50;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #636363;
background: #FFF url(../img/back.png) repeat-x;
Now, I'm trying to put an image but the image get truncated when I resize the browser but the logos, the text and the munu bar are ok.
From style.css for the new banner:
line-height: 1.5;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #636363;
background: #FFF url(../img/back.png) no-repeat center top scroll;
What should I do for the banner to stay?
If you need more info, let me know?
Thanks in advance,
Serge