Background jpeg is not rendering properly in some computers

Discussion in 'HTML & Website Design' started by sunshine12, Aug 19, 2012.

  1. #1
    Hi Folks,

    I have a strange problem. The background jpeg image doesn't render properly in some of the browsers- not able to pin point which ones...But I got a screen shot of both and put it on the above URL. Please help me in sorting this out...Thank you

     

    Attached Files:

    sunshine12, Aug 19, 2012 IP
  2. Bapinder

    Bapinder Well-Known Member

    Messages:
    151
    Likes Received:
    7
    Best Answers:
    3
    Trophy Points:
    120
    #2
    Please provide a link to the site.
     
    Bapinder, Aug 19, 2012 IP
  3. sunshine12

    sunshine12 Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    indianmusicexperience.org
     
    sunshine12, Aug 19, 2012 IP
  4. sunshine12

    sunshine12 Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    not able to post links... but you can check the inside pages of www.indianmusicexperience.org
     
    sunshine12, Aug 19, 2012 IP
  5. Bapinder

    Bapinder Well-Known Member

    Messages:
    151
    Likes Received:
    7
    Best Answers:
    3
    Trophy Points:
    120
    #5
    Have you tried changing the image to .png...

    And we need to know in which browser the problem is occurring.
     
    Last edited: Aug 19, 2012
    Bapinder, Aug 19, 2012 IP
  6. trixy

    trixy Active Member

    Messages:
    177
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    53
    #6
    maybe this little tips will help you,
    1. make sure your image in RGB mode, some computer cannot render CMYK images.
    2. make sure your image name not contain space, use "-" mark is better like this image-name.jpg some computer cannot render image named with space.
     
    trixy, Aug 21, 2012 IP
  7. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #7
    This might be a wild guess -- but I suspect the machine giving you the low colour depth is, well... set for 16 bit color instead of 24 bit, that or they are using something like Opera Turbo that's decreasing the image quality to make it load faster. -- edit -- yeah, I just turned "turbo" on and it renders exactly as described. Opera defaults to having turbo disabled... and normally users who turn it on know that images will be degraded; could be they're on an ISP that uses similar compression too.

    though jpeg for gradients is usually a waste of bandwidth, as that's something PNG optimizes better -- though I'd have to see how you're building those gradients in the first place to say for sure.

    That said, your pages have MAJOR code and accessibility issues. Not only is it a train wreck on the accessibility front with the fixed metric (px) fonts, presentational images in the markup, and fixed width layout -- you've got multiple doctypes, tables for layout, nothing remotely resembling semantic markup, endless pointless DIV and classes/ID's, non-breaking spaces doing padding's job, and a whole host of other issues that -- well, as the 42 validation errors say -- it's not HTML, it's gibberish.

    Though much of that I've come to expect from off the shelf CMS like Joomla -- the invalid nesting of a second HTML file inside a table most certainly can't be blamed on that, and could be causing all sorts of issues.

    Really, how a gradient is rendering is the least of your problems.
     
    deathshadow, Aug 21, 2012 IP
  8. sunshine12

    sunshine12 Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Thank you Death shadow. Got fixed by a .png. I have done the design. Well, I will point this comment to the developer. Hope to see the site in HTML...



     
    Last edited: Aug 22, 2012
    sunshine12, Aug 22, 2012 IP