SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Wizard nofel's Avatar
    Join Date
    Aug 2007
    Location
    Earth
    Posts
    1,766
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    background not working properly

    I am working on a website, in which i use this background (save and zoom in and you will see pattern) but on website when i use it www[dot]newdaybankruptcy[dot]com , the background seem odd. what am i missing? the image i got is 1280x 2280px. but on website it seem like it like 10x10px and repeating.
    All those who wander aren't lost.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,203
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by nofel View Post
    on website it seem like it like 10x10px and repeating.
    That's what the actual image looks like, though.

    You have two background settings, though—one pointing to the image above, and the other pointing to something on your localhost:

    Code:
    body.custom-background {
    background-color: #E6E6E6;
    background-image: url('http://localhost:8888/mlg/wp-content/uploads/2013/07/background.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    }

  3. #3
    SitePoint Wizard nofel's Avatar
    Join Date
    Aug 2007
    Location
    Earth
    Posts
    1,766
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Nothing changes after that i put on ur css, where is the second background redundancy happening? i will see to change the background too. though its 1208 by 2288.
    p.s - can you remove the link to the website? i don't want it to be indexed.
    All those who wander aren't lost.

  4. #4
    SitePoint Wizard nofel's Avatar
    Join Date
    Aug 2007
    Location
    Earth
    Posts
    1,766
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I tried to republish the image of back but it didn't work. here is the real one, zoom in to see (if u can't see patterns)
    All those who wander aren't lost.

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,203
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by nofel View Post
    where is the second background redundancy happening?
    In your HTML, line 54:

    Code:
    body.custom-background {
    background-color: #E6E6E6;
    background-image: url('http://localhost:8888/mlg/wp-content/uploads/2013/07/background.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    }

  6. #6
    SitePoint Evangelist silver trophybronze trophy
    Join Date
    Jul 2013
    Posts
    406
    Mentioned
    22 Post(s)
    Tagged
    0 Thread(s)
    ( The grey background you see is not a 10*10px repeated image, but just the indicated {background-color:#E6E6E6;}; visible in case the bg-img cannot be found. )

    It should be:
    Code:
    ...
    background-image: url("http://www[dot]newdaybankruptcy[dot]com/wp-content/uploads/2013/07/background.jpg");

  7. #7
    SitePoint Wizard nofel's Avatar
    Join Date
    Aug 2007
    Location
    Earth
    Posts
    1,766
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    i removed it now. but still now nothing changed. why? i am confused
    All those who wander aren't lost.

  8. #8
    SitePoint Evangelist silver trophybronze trophy
    Join Date
    Jul 2013
    Posts
    406
    Mentioned
    22 Post(s)
    Tagged
    0 Thread(s)
    That's strange: the #E6E6E6 has disappeared and I can see the background-img now, however it is difficult to see (hardly any contrast).


    (enlarged to 200%)


    Did you empty your browser-cache?
    _______
    *) Maybe you cannot see the background-img of the screenshot above as well: it depends on the individual (visitor's) setting of the screen contrast and screen brightness; also the (day)light and the position of the monitor have influence. And last but not least: the contrast ability of the eye of the visitor.

  9. #9
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,527
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    Ditto. I see the background pattern, too, in FF.

  10. #10
    SitePoint Evangelist silver trophybronze trophy
    Join Date
    Jul 2013
    Posts
    406
    Mentioned
    22 Post(s)
    Tagged
    0 Thread(s)
    Yes, in all browsers on PC: Firefox, Chrome, Opera, Safari and IE8, IE9 & IE10.


Bookmarks

Posting Permissions

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