Custom 404/Error Page

[Tony Hardy]

Hey everyone.

So I'm trying to make a custom 404 page, and I've got it working for the most part, it can be found here:
Tasty Treats - Not Found - Sweets, Pop, Biscuits and Confectionery Shop - North East England
It works when linking to a page that doesn't exist, such as;
http://www.tastytreats.org.uk/thispagedoesnotexist.html

However, once a slash is added after the HTML, it doesn't work.

Any ideas?

[JohnRoss]

However, once a slash is added after the HTML, it doesn't work.

The page works, nothing on it does. It is trying to find everything in the wrong places. Read up on "absolute" and "relative" URLs and come back. I'll give you a clue - your css file is not at "http://www.tastytreats.org.uk/thispagedoesnotexist.html/css/styles.css" but at "http://www.tastytreats.org.uk/css/styles.css."

[Tony Hardy]

I understand absolute and relative URL's, yet I still don't understand what's causing the error?
My NotFound page works when it doesn't have a slash at the end, but when it does it doesn't? How can an absolute/relative issue be causing this?

[dedwardp]

I understand absolute and relative URL's, yet I still don't understand what's causing the error?
My NotFound page works when it doesn't have a slash at the end, but when it does it doesn't? How can an absolute/relative issue be causing this?

I think that by adding the / at the end, the page is loading as though it is a new directory. Therefore, from the new directory, the css file would then be found at "../css/style.css" say, rather than just "css/style.css".

[Tony Hardy]

So is there a fix? Or because it'll always think it's looking in a new directory with a slash then it'll always produce an error?

[Tony Hardy]

Well, I've got it to work, by putting the "/" in the link to the CSS. But now, none of the links work?

[dedwardp]

Not completely sure on that one, sorry!

[djb]

You need to make all the links on the 404 page absolute rather than relative.

So the link to the homepage would be

http://www.tastytreats.org.uk/index.html

rather than just

index.html

That way, no matter at what directory level the 404 page is showing at it always knows exactly where everything is by following the absolute, unchangeable web address.*

*I think

[Tony Hardy]

I think I've done it, I also had to have the link to the .css page with a slash in front of it so it could find that too at every level (I think)?

Is it working for you guys? :)

[dedwardp]

Works for me! :)