Help - Search - Members - Calendar
Full Version: Gradient Backgrounds
Zymic Webmaster Forums > Web Design & Development > General Web Design Discussion
caerr
can anyone help me figure out how to create a background gradient, preferably a slice that i can repeat accross the background, that will scale properly and without loss of quality? thanks so much.
Jack
What graphics program are you using?
caerr
adobe photoshop 7.0
Saimon
Any gradient will slice if you do it from top to bottom vertically. Just make the height whatever height your background is, and the width 1px.

Opps. For that to work, it needs to be like linear. Like top from bottom or bottom to top too.
caerr
right no i get that of course, but then if you apply it as a background url with css, how can i have it scale with the page size?
Cmain
You mean something like this?
CODE
background-repeat: repeat-x;
EMOruffino
http://osd.kittyfire.net

look at the css

http://osd.kittyfire.net/style.css
caerr
yes ive looked at this, and even cut and pasted the code into my site switching the URLs in case i was making a typo that i didnt see. with my gradient image, the gradient goes down 1/3 of the page and is static, not enlarging or shrinking with a change in window size. how do i fix this?
Jack
Show us an online demo ^
kimahri
on my old site, i had this issue... i made a vertical top-bottom bg image that faded light blue to black, then i didnt make it repeat down but i made the bg turn to the color black so it fades to black nd never fades
XyberForce
How do you make background images that stick to the bottom?

ie: reflrections
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2012 Invision Power Services, Inc.