www.webdeveloper.com
Results 1 to 11 of 11

Thread: background repeat

  1. #1
    Join Date
    Mar 2012
    Posts
    22

    background repeat

    i used background repeat-x
    so that i will repeat vertically.

    and everything was fine
    but then when i go to the web page
    and zoom out.

    i see there is a tiny white space in between the repeating background.
    how can i solve this.

    http://oxtis.com/

  2. #2
    Join Date
    Feb 2012
    Location
    Bokaro Steel City (Jharkhand), India!
    Posts
    194
    HTML Code:
    background-repeat: repeat-x;
    /* This is used to repeat the background horizontally and not vertically! */

  3. #3
    Join Date
    Mar 2012
    Posts
    22
    Quote Originally Posted by TheAliveWinner View Post
    HTML Code:
    background-repeat: repeat-x;
    /* This is used to repeat the background horizontally and not vertically! */
    oops i meant to say horizontally

  4. #4
    Join Date
    Mar 2012
    Posts
    1,729
    Quote Originally Posted by Oxtis View Post
    i used background repeat-x
    so that i will repeat vertically.

    and everything was fine
    but then when i go to the web page
    and zoom out.

    i see there is a tiny white space in between the repeating background.
    how can i solve this.
    I looked at your web page and zoomed out. I saw no white spaces. What browser are you testing against? I used Chrome. If you are using IE7 or earlier the solution is simple: update the browser!

  5. #5
    Join Date
    Mar 2012
    Posts
    22
    Quote Originally Posted by jedaisoul View Post
    I looked at your web page and zoomed out. I saw no white spaces. What browser are you testing against? I used Chrome. If you are using IE7 or earlier the solution is simple: update the browser!
    im also using chrome

    here is a picture of the white spaces i see
    http://oxtis.com/image/space.jpg

  6. #6
    Join Date
    Mar 2012
    Posts
    22
    help ~

  7. #7
    Join Date
    Feb 2012
    Location
    Bokaro Steel City (Jharkhand), India!
    Posts
    194
    I know this may not be a technically sound solution but why don't you try to give the background a matching color like:
    HTML Code:
    background-color: black;
    I hope this might work!

  8. #8
    Join Date
    Feb 2012
    Location
    Bokaro Steel City (Jharkhand), India!
    Posts
    194
    Sorry, that was a really stupid solution(...I know)!

    Never mind!!!


    I will be back to you with a solution!

    Till then keep waiting (...and trying)!

  9. #9
    Join Date
    Mar 2012
    Posts
    22
    Quote Originally Posted by TheAliveWinner View Post
    Sorry, that was a really stupid solution(...I know)!

    Never mind!!!


    I will be back to you with a solution!

    Till then keep waiting (...and trying)!

    yeah. i tried it. didnt work.
    but thanks tho. for the help.

    stilling trying to figure this out -_-

  10. #10
    Join Date
    Apr 2012
    Posts
    16

    background repeat

    Try
    backgroundrepeat: repeat-y

  11. #11
    Join Date
    Feb 2008
    Location
    NW Washington State
    Posts
    1,856
    There is a 1 px or so white section on the right hand edge of the image itself.
    http://www.cidigitalmedia.com/tutorials/background.jpg
    To verify, create a new blank doc in PhotoShop 2000 x 500 px. Give the doc a high contrast background color... not white or black (neon green for example). Open your image in PhotoShop, then drag your image on top of the green background.
    Small white line on right hand side.
    Best wishes,
    Eye for Video

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles