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 5 of 5
  1. #1
    Junior Member
    Join Date
    Mar 2008
    Posts
    2
    Member #
    16558
    Is there a way in CSS to make a background repeat on the y-axis but only repeating part of the bg? What I have is basically a gradient that goes down a little ways and then its just white with a line continuing downward. I want the bg to keep going down with the line which would require y-repeating but then the gradient repeats again and looks ugly, how do I get around this so the line is the only thing that repeats?

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,694
    Member #
    5580
    Liked
    717 times
    Make one graphic image that is 1 pixel wide X 1000 pixels tall.
    That graphic has the gradient from top to bottom.

    Then set that as your body background (or whatever) and repeat-y;

    I don't think you'll have a problem where the browser ends up being
    1000 pixels tall ... but if you do, you set an overflow:hidden;


  4. #3
    Junior Member
    Join Date
    Mar 2008
    Posts
    2
    Member #
    16558
    Hehe yeah thanks I guess that'll have to do. My page as it stands right now is kinda graphic heavy and a bit slow, time to search for some image compressing threads I guess...

  5. #4
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,694
    Member #
    5580
    Liked
    717 times
    James ...

    Can you give us a link to your page? Even if it's not finished?

    There might be some suggestions we have to help you out.
    We promise not to "flame" you or your site ... we're not like that here.


  6. #5
    Junior Member
    Join Date
    Oct 2007
    Posts
    7
    Member #
    15923
    background-repeat: repeat-y;
    Hope this is what you require! and this solves your issue.


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:20 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com