3 replies [Last post]
drphK
Offline
Regular
Last seen: 10 years 2 weeks ago
Timezone: GMT-4
Joined: 2009-01-22
Posts: 18
Points: 2

Hello,

So far I've built a single page that is pretty big. Its about 1000px wide and is full of various floats I've used to create tables. I've used background images for most tables.

For the main background outside the 1000px area, I wanted a background image at the top of the page that is a gradient so I have it repeating. In the middle of the page will be a solid color where the height of the gradient ends.

On the button of the page, outside the 1000px area I want another gradient background. Is this possible? I've been trying many different ways and I can't seem to figure it out.

Thanks!

drphK
Offline
Regular
Last seen: 10 years 2 weeks ago
Timezone: GMT-4
Joined: 2009-01-22
Posts: 18
Points: 2

Or should I make 1 extra

Or should I make 1 extra large gradient image that is about 2500px in height? I figured making it 2 seperate gradients and having the middle a background color it would load faster for surfers.

Thanks

downtap
downtap's picture
Offline
Enthusiast
Dallas, TX
Last seen: 4 years 43 weeks ago
Dallas, TX
Timezone: GMT-7
Joined: 2008-01-18
Posts: 227
Points: 36

Do you have a link or a

Do you have a link or a screenshot of what you're trying to do? I read through your post a couple of times and couldn't fully grasp what you were trying to do. Most likely an image 2500px in height is not going to be necessary.

drphK
Offline
Regular
Last seen: 10 years 2 weeks ago
Timezone: GMT-4
Joined: 2009-01-22
Posts: 18
Points: 2

Hey, I figured it out. What

Hey, I figured it out. What I did was use the html { } in the css to add the top background. for the bottom background I used the background-position: bottom; and that fixed the problem.