Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
I'm trying to make a gradient stretch to fill the Back Ground
Old 04-07-2008, 03:13 PM I'm trying to make a gradient stretch to fill the Back Ground
3rdShiftStudios's Avatar
Ultra Talker

Posts: 252
Name: Jaison Tortorea
Location: cincinnati, oh
Trades: 0
Ok, I'm doing something very tricky and need some help.

I have a background made from a gradient. Dark blue fading down to light blue. I'd like it to be able to stretch no matter how tall the page is. It is going to be the back ground for the whole page, so there will be tables over top of it. [curse me not...]

what can i do here? Is there a way to say like "value @ line 1 = 100% blue, value at bottom = 40%blue?"

Here is the page, i'm finally converting it to code from illustrator, so it's in pieces. http://www.jaap-orr.com/greenbird

I need to fill that white area with this Background image OR a gradient that would span the 2 blues PLUS have tables/text/images over it:
__________________

Please login or register to view this content. Registration is FREE
jaison tortorea

Last edited by 3rdShiftStudios; 04-07-2008 at 04:08 PM..
3rdShiftStudios is offline
Reply With Quote
View Public Profile Visit 3rdShiftStudios's homepage!
 
 
Register now for full access!
Old 04-07-2008, 03:31 PM Re: I'm trying to make a gradient stretch to fill the Back Ground
wayfarer07's Avatar
Poo on You

Latest Blog Post:
Introducing WowWindow
Posts: 3,987
Name: Abel Mohler
Location: Asheville, North Carolina USA
Trades: 0
Background images can't be stretched or changed in size by setting values. What I do with gradient images instead, is set a background color that exactly matches the color of the pixel at the very end of the image, so that the gradient has a perfect color to fade into. Assuming you need to gradient to fade top to bottom (the most practical choice), I always make the image only 1 pixel wide and make it repeat along the x-axis. (this cuts down on load time by caching the image)
__________________
I build web things. I work for the startup
Please login or register to view this content. Registration is FREE
.
wayfarer07 is offline
Reply With Quote
View Public Profile Visit wayfarer07's homepage!
 
Old 04-07-2008, 03:49 PM Re: I'm trying to make a gradient stretch to fill the Back Ground
Moxxnixx's Avatar
King Spam Talker

Posts: 1,174
Name: Lance
Location: Virginia Beach
Trades: 0
There's a trick to it. Check this out...
How to stretch a background image?

Here's a demo...
http://www.htmlite.com/faqEX004b.html
__________________
Get your facts first, and then you can distort them as much as you please. - Mark Twain

Please login or register to view this content. Registration is FREE
---

Please login or register to view this content. Registration is FREE

All My Sites Are Proudly Hosted @
Please login or register to view this content. Registration is FREE

Moxxnixx is offline
Reply With Quote
View Public Profile Visit Moxxnixx's homepage!
 
Old 04-07-2008, 04:06 PM Re: I'm trying to make a gradient stretch to fill the Back Ground
3rdShiftStudios's Avatar
Ultra Talker

Posts: 252
Name: Jaison Tortorea
Location: cincinnati, oh
Trades: 0
hmm, that might help if i can tweek it. Here is the page, i'm finally converting it to code from illustrator, so it's in pieces. http://www.jaap-orr.com/greenbird

I need to fill that white area with this Background image OR a gradient that would span the 2 blues PLUS have tables/text/images over it:
__________________

Please login or register to view this content. Registration is FREE
jaison tortorea

Last edited by 3rdShiftStudios; 04-07-2008 at 04:08 PM..
3rdShiftStudios is offline
Reply With Quote
View Public Profile Visit 3rdShiftStudios's homepage!
 
Reply     « Reply to I'm trying to make a gradient stretch to fill the Back Ground
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.23086 seconds with 12 queries