...

View Full Version : Background Image



Riboflavin
09-28-2004, 05:23 AM
If I want the background image for a page to be a gradiented image that I created, what size should I make it so It is viewable in all screen resolutions? If I make it 1024x768 then people with 600x800 would get unnecisary scroll bars... Thanks for the help

tsguitar2004
09-28-2004, 05:27 AM
There will be no scroll bars if it's a background image.
-ts

gohankid77
09-28-2004, 01:44 PM
800 x 600 is probably the best choice for a size. At 1024 x 768, it would just tile (unless you set the value of background-repeat to "no-repeat"). Unless this isn't a true background image. Is it an image that has a negative z-index? That was the impression that I was getting, but that just means you can make it any size by stretching it via the height and width properties.

ronaldb66
09-28-2004, 03:55 PM
Having a look at this background image of yours would be a great help in determining how big it should be and in what direction, and if there's a possibility of putting tiling to good use; also, your assumption that a large background image would cause scrollbars to appear suggests you're not implementing a true background image at all.

A link to an online page, no matter in what state of progress, would be appreciated.

mcdougals4all
09-28-2004, 04:56 PM
You can do something like this using the attached image (a simple gradient created in Photoshop). The image is 1px wide by 600px tall and the body background color is matched to the 2nd color in the image. The repeated image is much smaller than an 800 x 600 or larger image.


<body style="background:url(gradient.gif) repeat-x #f3813c;">

</body>

AaronW
09-28-2004, 05:14 PM
Using the same image Mark uploaded, you could have the gradient at the bottom of the page:

<body style="background: #fff url(gradient.gif) repeat-x bottom left;">

</body>

Riboflavin
09-28-2004, 11:26 PM
Sorry for the lack of info. It was just a gradient bg image so I just set it to no repeat and it works fine, I thought it would just make scroll bars instead of stretch but it works fine.

Thanks



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum