• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Need help with a 404 Not Found issue

Community Beginner ,
Nov 17, 2022 Nov 17, 2022

Copy link to clipboard

Copied

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.

 

 

Views

342

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 17, 2022 Nov 17, 2022

Copy link to clipboard

Copied

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.

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 17, 2022 Nov 17, 2022

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 22, 2022 Nov 22, 2022

Copy link to clipboard

Copied

LATEST

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 17, 2022 Nov 17, 2022

Copy link to clipboard

Copied

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.

image.png

 

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!

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines