I am trying to convert a site from tables to CSS, but I have run into a problem. I put in a background image, attached, no repeat. The image is roughly 800x600 and looks fine on my machine, but it repeats on machines using higher resolutions. I would like to keep the pages at a smaller size and center them on the screen if possible in CSS. How do I do this. Site is [http://www.blmsaferooms.com]
Thanksbody {
background-image: url('images/bigtornado7.jpg');
background-attachment: fixed;
background-repeat: no-repeat;
font-family: Verdana, Arial, sans-serif;
margin: 0px
}
That will stop the image from repeating.
You could also reduce the background styles to
background: url('images/bigtornado7.jpg') fixed no-repeat;
For more info, you can check out this link. (<!-- m --><a class="postlink" href="http://www.w3schools.com/css/css_background.asp">http://www.w3schools.com/css/css_background.asp</a><!-- m -->)Thaks a bunch, I didn't realize that I'd left that line off of my css page.Originally posted by Graybeard
Thaks a bunch, I didn't realize that I'd left that line off of my css page.
You're welcome
Glad you got fixed.
Thanksbody {
background-image: url('images/bigtornado7.jpg');
background-attachment: fixed;
background-repeat: no-repeat;
font-family: Verdana, Arial, sans-serif;
margin: 0px
}
That will stop the image from repeating.
You could also reduce the background styles to
background: url('images/bigtornado7.jpg') fixed no-repeat;
For more info, you can check out this link. (<!-- m --><a class="postlink" href="http://www.w3schools.com/css/css_background.asp">http://www.w3schools.com/css/css_background.asp</a><!-- m -->)Thaks a bunch, I didn't realize that I'd left that line off of my css page.Originally posted by Graybeard
Thaks a bunch, I didn't realize that I'd left that line off of my css page.
You're welcome
Glad you got fixed.