Hello all, first let me start off by saying that I'm a newbie to website development and welcome all the critique I can get. What I want to do is make my background image match my header image when viewed in all resolutions. I made the header image 100%, but when I make the background image the same it seems to repeat back to the left in the larger resolution. I have created my site using a css template from Dreamweaver MX 2004. The url is <!-- m --><a class="postlink" href="http://www.bassonhook.com/testsites/nootkaca/nootkaca.html">http://www.bassonhook.com/testsites/noo ... tkaca.html</a><!-- m --> my css code is body {
background-image: url(nsbgrd2.gif);
} and for the header image
<div id="masthead">
<h1 align="left" id="siteName"><img src=http://www.webdeveloper.com/forum/archive/index.php/"tlupana rays2.gif" width="100%" height="85"></h1>
It looks great in 800x600 but lousy in 1024x768. I've tried to look through other posts and read some internet sites but everything I've tried doesn't seem to work. Any ideas or suggestions?
NootkanUse the background-repeat property. (<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-repeat">http://www.w3.org/TR/REC-CSS2/colors.ht ... und-repeat</a><!-- m -->)The problem is the masthead img with a % width. I'd put the masthead image into the background, too, and fade it to black on the left side fast enough to match up with the body background done like so.
body {
background: #000 url(nsbgrd2.gif) right repeat-y;
} Ray, thanks for your input. It looks better, but now I have a black stripe through the header. I've been trying to use a layer and image combination with the sky colors (cloned using photoshop6) to improve the look, but it's not easy getting both resolutions to match. I get one to look great and the other looks terrible. Even tried hiding it with text, which might be the only way to go. I'm open to all ideas that you or anyone else may have. I really appreciate all the support it's wonderful to have access to such bright minds.
NootkanSorry nothing to do with your problem, but I thought I'd let you know that I cannot read any of the blue text you have on the black background, if I were looking for a site like yours, I would be clicking through very quickly to one I could read.This was the kind of thing I had in mind. You can do a better job no doubt. Thanks for the input guys. I knew the blue text would be unreadable, but that is the default and I'm not there yet. I'm still trying to get the layout looking better before I fine tune things like text etc. I appreciate the critique however as that is what makes it better. Keep it coming. Unfortunately, I have to leave it for a while to create a site for a local politician. Always something eh?
Nootkan
background-image: url(nsbgrd2.gif);
} and for the header image
<div id="masthead">
<h1 align="left" id="siteName"><img src=http://www.webdeveloper.com/forum/archive/index.php/"tlupana rays2.gif" width="100%" height="85"></h1>
It looks great in 800x600 but lousy in 1024x768. I've tried to look through other posts and read some internet sites but everything I've tried doesn't seem to work. Any ideas or suggestions?
NootkanUse the background-repeat property. (<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-repeat">http://www.w3.org/TR/REC-CSS2/colors.ht ... und-repeat</a><!-- m -->)The problem is the masthead img with a % width. I'd put the masthead image into the background, too, and fade it to black on the left side fast enough to match up with the body background done like so.
body {
background: #000 url(nsbgrd2.gif) right repeat-y;
} Ray, thanks for your input. It looks better, but now I have a black stripe through the header. I've been trying to use a layer and image combination with the sky colors (cloned using photoshop6) to improve the look, but it's not easy getting both resolutions to match. I get one to look great and the other looks terrible. Even tried hiding it with text, which might be the only way to go. I'm open to all ideas that you or anyone else may have. I really appreciate all the support it's wonderful to have access to such bright minds.
NootkanSorry nothing to do with your problem, but I thought I'd let you know that I cannot read any of the blue text you have on the black background, if I were looking for a site like yours, I would be clicking through very quickly to one I could read.This was the kind of thing I had in mind. You can do a better job no doubt. Thanks for the input guys. I knew the blue text would be unreadable, but that is the default and I'm not there yet. I'm still trying to get the layout looking better before I fine tune things like text etc. I appreciate the critique however as that is what makes it better. Keep it coming. Unfortunately, I have to leave it for a while to create a site for a local politician. Always something eh?
Nootkan