htmlvalidationhyperlinklivebroken-image

Website not displaying images or loading external CSS,JS

A website for a school that I built went live last week, and although it looks fine locally, online it's terrible.

Here is the link to it: http://www.centennial-s.schools.nsw.edu.au/

The problems I have identified are:

  1. No images are displayed.
  2. The CSS files are not loaded.
  3. The JS files are not loaded.
  4. None of the internal links work (external links are fine).

In fact anytime the index.html links to something within itself, it doesn't work. I can't even get off index.html to test the other pages.

I have spoken with the Department of Education IT Support and they bluntly told me that the code was not valid and that I should validate it. I have as much as possible and the only errors I am getting now are:

"Element text not allowed as child of element a in this context. (Suppressing further errors from this subtree.)"

regarding some text-links in the footer.

I am not sure how to fix this error. But could someone tell me if this is enough to utterly break every link on the page?

If so, how do I make this valid? And how do I get the page working live?

feel free to validate the site yourselves: http://validator.w3.org/

Thanks in advance,

Sam

Solution

  • It's not a validation issue; the links should work and the CSS should load even if the HTML doesn't validate (even if the CSS ends up not working properly).

    You're on to something when you said:

    In fact anytime the index.html links to something within itself, it doesn't work. I can't even get off index.html to test the other pages.

    Find out why individual pages don't load. You should be able to navigate through the links and load individual pages with the absolute URLs. for instance, try to get http://www.centennial-s.schools.nsw.edu.au/css/indexStyle.css - you should get CSS, not the index page.

    Look for some kind of rewriting or error handling that might be causing the server to serve up the wrong files.

    Update: I did some more poking around and confirmed that regardless of which file you request, the server is always sending back the default HTML page. definitely check on the items I mentioned above and confirm that you can actually load the CSS, JS, images, etc. It's probably not your code or the validation of that code, but rather a server issue.