Background Image: Repeat Part of an image

Discussion in 'CSS' started by bono056, Nov 12, 2010.

  1. #1
    hi
    i have a sprite image & i want to repeat part of it in my bg page, i tried something like this, but it didn't work out:
    
    body {
    	background:url("status.gif") repeat-y scroll 0 -10px;
    }
    
    Code (markup):
    the point is i want only part of that sprite repeat all over my page. is there any way to have it done? or i must separate that part image?
     
    bono056, Nov 12, 2010 IP
  2. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #2
    Not sure about what you are referring as your issue with background.

    As far as repeating image as background for body

     
    radiant_luv, Nov 12, 2010 IP
  3. noy1213

    noy1213 Peon

    Messages:
    20
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    maybe its like my problem
    you can put you image url here, and indicate which part of your image you want to repeat?
     
    noy1213, Nov 12, 2010 IP
  4. workingsmart

    workingsmart Well-Known Member

    Messages:
    411
    Likes Received:
    12
    Best Answers:
    9
    Trophy Points:
    120
    #4
    You must separate the part you want to repeat... You cannot repeat portion of an image.....

    Cheers!~
     
    workingsmart, Nov 12, 2010 IP
  5. bono056

    bono056 Peon

    Messages:
    11
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    it can be any image, suppose this one:
    google.com/intl/en/options/i9.png
    i want to repeat only first icon in my bg.
     
    bono056, Nov 13, 2010 IP
  6. noy1213

    noy1213 Peon

    Messages:
    20
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    for repeat-y you need to put your images horizontally
     
    noy1213, Nov 13, 2010 IP
  7. bono056

    bono056 Peon

    Messages:
    11
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    i asked something else!
     
    bono056, Nov 14, 2010 IP
  8. noy1213

    noy1213 Peon

    Messages:
    20
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    you cant repeat x and y with spirite image
    put this image along
     
    noy1213, Nov 14, 2010 IP
  9. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #9
    As workingsmart already said it is NOT possible to repeat only a part of an image with CSS.

    You need to seperate that part from your sprite image.
     
    CSM, Nov 14, 2010 IP