Need help with a 404 Not Found issue

[default3d2zstqotcfo]

I tested the html page on my desktop - and the browser shows no errors on the page. The scrollbar works and I can navigate to any of the links - but when uploaded on my server, the text scroll works fine, but any mouse action opens to '404 Page Not Found'.

This has never happened on other pages, and I think the problem is in the code relating to the scrolling text. But if there are other possibilities, please inform.

https://www.mightyforcesmusic.com/ergo-tatters_about.html

The code script relating to the scroll reads:

<div class="scroll" onmouseup="MM_goToURL('parent','ergo-tatters_about.html');return document.MM_returnValue">

Thank you for your help.

[Nancy OShea]

On my devices, nothing works as it should.  It's a usability nightmare.   And not too surprising given all the errors and deprecated code it contains.  See validation report below.

https://validator.w3.org/check?verbose=1&uri=https%3A%2F%2Fwww.mightyforcesmusic.com%2Fergo-tatters_...

404 Not Found:  Notice the URL

https://www.mightyforcesmusic.com/mightyforcesmusic/secretstirrings_home_2.html

Best advice, ditch what you have now and rebuild your site  with responsive Bootstrap framework. 

At a minimum, get rid of the scrolling text box, JavaScript gimmicks and image maps which you absolutely do not need.  Use ordinary HTML links.  At least it will function reasonably well on most devices until you can rebuild your site responsively.  

CODE TUTORIALS:

Read chapters, do exercises, take quizzes at the end.
- https://www.w3schools.com/html/
- https://www.w3schools.com/css/

 - https://www.w3schools.com/bootstrap/

Hope that helps.

[Jon Fritz]

Are you working from within a Defined Site in DW?

The reason I ask is because you appear to have several links (the 404 Not Found ones) that are referencing a folder a level above your page's current directory (your site's root directory). 

The ../ in front of the file name means "move up one directory in relation to the current document". Since the page is in your site's root folder, there's no way a viewer can go one level higher to access other pages or images.

This is a common problem when working in DW without a properly defined site. The program doesn't know how to manage site assets without that crucial first step and will cause all kinds of erroneous links to appear.

[default3d2zstqotcfo]

Very helpful, thank you. I have already begun to eliminate the '../' instances. Thanks for explaining how they got there.

[Nancy OShea]

This image is creating problems for you and your users. 

ergo-tatters_homepage_about.jpg 

It's too big for small screens and too small for big screens  -- the worst of both worlds.

It's competing with text content for available real estate.   If you replace it with a short banner image, you won't have those problems.

On large, hi-res displays, the layout looks silly because there's too much wasted space on either side of the screen.  On smaller devices, content doesn't fit because of that fixed width image.

Removing height value from your .scroll box will greatly improve usability by allowing users to scroll or swipe with their native devices.  The last thing people want is another scroll bar to tackle especially on mobile devices that have no mouse.   Have you ever tried to access a scroll box with your finger?   It's no fun.

As an example, below is a responsive layout using CSS Grids.  Have a go with it!