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
    Aug 2005
    Posts
    16
    Member #
    10864
    Hows it going everyone,

    This may sound like a nooblike question but I was wondering what would be the easiest way to make an image tile vertically infinitely? I have made up a picture in Photoshop to illustrate what I am talking about. Basically I want the side image of both sides of this table to tile infinitely without actually going in and editing it manually... so if I make the table height bigger then the side images will tile along with it.



    Any help would be appreciated :squareeyed:

  2.  

  3. #2
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    Use the background-repeat property.
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  4. #3
    Junior Member
    Join Date
    Aug 2006
    Location
    Australia
    Posts
    5
    Member #
    13696
    If you just set the image you want as the background it will just keep on repeating. What looks like is after looking at your image is you have inserted a new row into the table aswell as a new columb and it is cutting it off from the rest of your page so its not displaying the background color/image that you set. To fix that simply just add a background image/color to that small section of the table.

  5. #4
    Junior Member ajlozier's Avatar
    Join Date
    Aug 2006
    Posts
    7
    Member #
    13704
    your css would look something like this:

    #element
    {
    background-image: url('image.jpg');
    background-position: top right;
    background-repeat: repeat-y;
    }

    let me know if this works for you...

  6. #5
    Junior Member
    Join Date
    Aug 2005
    Posts
    16
    Member #
    10864
    Thanks everyone I tried all the suggestions that were given and got them all to work, I went with Scooooooty's way because it was a little easier but both worked when i tried them. Thanks for your help


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