Board index   FAQ   Search  
Register  Login
Board index php forum :: HTML HTML Basics

handling gradients in a background image...

Discussing Html . Code , Software , other

Moderators: macek, egami, gesf

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

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.
chump2877
New php-forum User
New php-forum User
 
Posts: 44
Joined: Mon Nov 08, 2004 10:42 am

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;
User avatar
ruturajv
php-forum Super User
php-forum Super User
 
Posts: 1280
Joined: Sat Mar 22, 2003 9:42 am
Location: Mumbai, India


Return to HTML Basics

Who is online

Users browsing this forum: No registered users and 1 guest

Sponsored by Sitebuilder Web hosting and Traduzioni Italiano Rumeno and antispam for cPanel.