Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 7 of 7

Thread: Gradient fill

  1. #1
    Senior Member foodbiz's Avatar
    Join Date
    Apr 2003
    Location
    Los Angeles
    Posts
    484
    Member #
    1070
    How do i make a smooth gradient fill?? this one is kind of choppy
    Attached Images Attached Images

  2.  

  3. #2
    Senior Member Trico's Avatar
    Join Date
    Feb 2004
    Location
    Nottingham, UK
    Posts
    894
    Member #
    5081
    Save it as a high quality '.Jpeg' image.

  4. #3
    Senior Member foodbiz's Avatar
    Join Date
    Apr 2003
    Location
    Los Angeles
    Posts
    484
    Member #
    1070
    I tried that and it won't work

  5. #4
    Senior Member Brak's Avatar
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    3,413
    Member #
    1217
    Liked
    2 times
    Make it a PNG-24, save a small section of it and repeat. That way size wont be an issue and it wont get degraded.
    Kyle Neath: Rockstar extraordinare
    The blog | The poetry site | The Spore site

  6. #5
    Senior Member
    Join Date
    Dec 2003
    Posts
    1,274
    Member #
    4362
    Yes, PNG-24 is the best solution, you can make it 1 pixel high and then resize it without quality lose

  7. #6
    Senior Member justlivyalife's Avatar
    Join Date
    Jul 2003
    Location
    Birmingham, UK
    Posts
    2,871
    Member #
    2374
    Generally best to use something around 10px high, 1px is a little small IMO, sometimes users on slow connections can see it repeating down the page.
    justlivyalife - The future depends on what we do in the present. (Mahatma Gandhi)
    WDF Resources: WDF Rules
    Non-WDF: JavascriptSource | Dynamic Drive | phpBB | HTML-Kit | Winamp | Download Firefox | Morguefile

  8. #7
    Member
    Join Date
    May 2004
    Posts
    76
    Member #
    5925
    If you are gonna use a gradient for a background then make it 1, or 10px high, and the width will be as wide as your layout requires (640, 800 etc..). Then use the image (jpg) as a background so that it repeats the image all the way down.

    <body style="background: url("gradient.jpg"); background-repeat: repeat-y">


    or whichever way you want to put it in as a background.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:51 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com