Click to See Complete Forum and Search --> : Resizing large background
GunnerMan
02-11-2008, 01:53 PM
Ok hello, my first post...
So I have a question I am making a web site and I have a background image that is 3000x3000 pix. I made it this big because I do not want it to tile. The problem is if you have a screen resolution less than 3000x3000 you are only going to see part of the image. Is there a way to get the background to auto resize with each computer that access it?
Thanks a bunch
You don't need a large image to prevent tiling. I suggest you down-size your image, then use coding like this:
body {background: #000 url(images/file.jpg) no-repeat center center;}
Replace the "#000" with the color of your choice; and, of course the file name.
KDLA
Centauri
02-12-2008, 07:06 AM
Not as a background image. If you made it 1000px square, you can centre it and prevent tile by using background-position: center top; and background-repeat: no-repeat; in the body css. With this size, users with 800x600 screens will see a cropped background image, and users on larger resolutions will see a non-tiled, centred background.
sarwan
02-27-2008, 07:16 AM
Non- Tiling Background Image?
sarwan
02-27-2008, 07:17 AM
How to Add Javascript Validation to a Form?
ray326
02-27-2008, 11:06 AM
How to Add Javascript Validation to a Form?Start a new thread on this in the Javascript forum. Don't hijack existing threads with totally off topic questions.
ray326
02-27-2008, 11:08 AM
Non- Tiling Background Image?
That means an image that has edges that don't match top/bottom and left/right such that when the image is repeated horizontally and/or vertically the edges are visible.