could anyone here let me know how to display a header image as background without cutting the image? the image must display properly on any screen resolution. My screen resolution is 1410px by 900px. so the image dimensions are 1410px by 199px. It displays fine but if the same header image is viewed on lower resolutions, the image is getting cut off from the right and bottom. How could i display the image in full?
it is the header id i have been trying to edit but no luck.
#header {
/*header image is 1410px W by 199px H*/
background-image:url(images/header.jpg);
background-repeat:no-repeat;
background-position:center;
font-family: Verdana, Helvetica, sans-serif;
background-color: #1b99ea;
border-bottom: 1px solid #6797CF;
height: 12em;
overflow: hidden;
}
this is for a drupal site.
it is the header id i have been trying to edit but no luck.
#header {
/*header image is 1410px W by 199px H*/
background-image:url(images/header.jpg);
background-repeat:no-repeat;
background-position:center;
font-family: Verdana, Helvetica, sans-serif;
background-color: #1b99ea;
border-bottom: 1px solid #6797CF;
height: 12em;
overflow: hidden;
}
this is for a drupal site.