handling gradients in a background image...

Discussing Html . Code , Software , other

Moderators: macek, egami, gesf

chump2877
New php-forum User
New php-forum User
Posts: 44
Joined: Mon Nov 08, 2004 10:42 am
Contact:

handling gradients in a background image...

Postby chump2877 » Mon Dec 13, 2004 12:14 am

I am trying to use a background for my web site that is one, large, vertically-oriented gradient...I want the gradient-background to repeat horizontally when the page is enlarged, but not vertically....AND (as if that wasn't enough), I want the page to revert to a specified background color after the first instance of the background image appears vertically....

Here is a screen shot of my front page, if it helps:

Image

The background-gradient starts at the top with a darker shade of brown (almost a gold color) and ends at the bottom with a lighter shade of brown (a peach color, perhaps)...So as I said before, I want the gradient to repeat horizontally but not vertically...Vertically, after the gradient I would like to continue with the same light brown (peach) color for the rest of the page as you scroll down....

Can this be done?...I'm using style sheets to make the background repeat horizontally, but how do I handle the gradient vertically in the way I want it to appear (as I previously mentioned)? Please help! Thank you... :)

R.J.[/code]

chump2877
New php-forum User
New php-forum User
Posts: 44
Joined: Mon Nov 08, 2004 10:42 am
Contact:

Duh, I guess I'm stupid.

Postby chump2877 » Mon Dec 13, 2004 2:49 am

Nevermind, I figured it out...Don't waste your time...

I just specified a background image AND a background color...background color fills in vertically where the background image stops...

thanks for nothing...LOL

R.J.

User avatar
ruturajv
php-forum Super User
php-forum Super User
Posts: 1280
Joined: Sat Mar 22, 2003 9:42 am
Location: Mumbai, India
Contact:

Postby ruturajv » Wed Dec 15, 2004 7:06 am

u can use css

Code: Select all

background: url('/path/to/image');
background-repeat: repeat-x;


Return to “HTML Basics”

Who is online

Users browsing this forum: No registered users and 1 guest

cron