Member Avatar for karlion

Hey guys,

Well I've been working on a website from my hostmatrix account and it all works ok.

I'm now transferring all the files and images over to another server where our website is held but I can't seem to get some of the images working and I cannot for the life of me work out what's wrong.

- Hosted HERE (at hostmatrix)

- This is where I'm moving to.

On the first link you can see the background is not white but on the second link it is. I can't work out why though and what I've done wrong.

The only difference is that at the moment I've got it in a sub-folder but I've changed all my links so it should work ok.

If you need to see a file just tell me. To be honest I don't know where I should be looking but I'm guessing it's something to do with my css files and the images for the background.

Thanks

  • 3 Contributors
  • 3 Replies
  • 101 Views
  • 1 Week Discussion Span
  • Latest Post Latest Post by MidiMagic

Dani AI

Generated

Quick diagnostic checklist and next steps (building on and ):

  1. Use the browser Developer Tools first. In Network look for the background image request and its HTTP status (404/403/200). In the Elements/Styles panel check the computed background rule to see which stylesheet and selector set it. That tells you whether the image URL is wrong, the CSS is overridden, or the CSS never loaded.

  2. Common causes to confirm

  • Root-relative paths: paths that start with / point to the server root. If the site now lives in a subfolder those will break. Use paths relative to the CSS file or the correct site root.
  • Path resolution: url() in CSS is resolved relative to the CSS file, not the HTML file.
  • Case sensitivity: a Windows dev machine can hide filename-case problems that appear on a Linux host.
  • Transfer mode and permissions: ensure images were uploaded in binary mode and are readable (typical permission 644).
  • Host-side overrides or hotlink protection: some hosts inject CSS or block external image requests — the computed styles and Network/Console will show this.
  1. Practical quick tests
  • Open the image URL shown in Network in a new tab to confirm it loads.
  • Hard-refresh or append ?v=1 to bust cache.
  • Temporarily change the body background to a solid color in the inspector to confirm which rule is winning.
  • Check server error logs or the host control panel for hotlink/security blocks.

Example (path relative to CSS file):

body {
  background: url("../images/bg.jpg") no-repeat top left;
}

If the image still fails after these checks, capture the failing request details (exact request URL, response code, response headers) and the computed style source — those details pinpoint whether it is a path, permissions, server rule, or CSS cascade problem.

Recommended Answers

All 3 Replies

Member Avatar for MidiMagic

Your links are broken.

Member Avatar for macneato

Both site links are down.
Can't view source.

But i'd sugguest checking links (like MidiMagic stated) a very common problem i've noticed is cases (upper and lower), double check link extension cases and ensure they are EXACTLY the same as the images

Member Avatar for MidiMagic

One other possibility is that the host has its own stylesheet that controls some of these features.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.