Search code examples
htmlcssdeveloper-tools

Website weirdly broken

Hello,

I have the website DaltonEmpire (http://daltonempire.nl, check out for yourself), and when I got home today, it showed error 500. I had made really tiny HTML changes at school via my new CodeAnywhere app, but this was not supposed to happen. After some cleaning up of my PHP, just removing whitespaces, the page loaded.

  • But now, the background is completely gone and there all all kinds of weird &nspb; tags between my HTML according to Chrome Developer Tools [1], which weren't there before. In my actual code, of course there's whitespace to order my HTML, but that's just spaces, no &nspb;'s, and that never happened before.
  • Also, the body background is not loaded [2], and the Developer Tools indicate that CSS responsible for the background is not included at all [3] (rather than overwritten or not loaded), even though it is clearly in a <style> block with the body selector [4]. Manually adding that [5][6] bit through the Developer Tools seem to fix this.

Has anyone any idea how this could happen/how this could be solved? The strangest thing is, I did not change anything specific at all that I can recall. What has caused this?

I need my website to be fixed as fast as possible, as my visitors are students to get their educative documents and in two days is their test week.

Thanks in regard,

Isaiah van Hunen

Attachments:

  1. Weird &nspb;'s
    Weird &nspb;'s

  2. Background not loaded
    Background not loaded

  3. Background CSS not included?
    Background CSS not included

  4. Background CSS is included
    CSS is included

  5. Adding manual Background CSS
    Adding manual Background CSS

  6. Background loads
    Background loads

Solution

  • I can help with 1).

    &nbsp; is a formatting entity:

    it is the entity used to represent a non-breaking space. It is essentially a standard space, the primary difference being that a browser should not break (or wrap) a line of text at the point that this &nbsp; occupies.

    http://www.sightspecific.com/~mosh/www_faq/nbsp.html

    Microsoft Word puts it into HTML files, and so do other WYSIWYG editors.

    Unfortunately, CodeAnywhere seems to have the same issue.

    Do you have an earlier version of the code that you can open in Notepad/Notepad++/Atom in order to add the whitespace manually there (with `
    tags or the like)? That might help.