ERR_ABORTED 404 error #23616

SingingFoot · 2021-12-29T19:04:05Z

SingingFoot
Dec 29, 2021

My site is running well on Live Server while opened in VSC, but when I published it on GitHub Pages it runs without CSS files. When I opened an inspector I found this ERR_ABORTED 404 error in Console:

This is the reason why my CSS file does not work on GitHub Pages. But it works well on Live Server. What should I do?

Answered by airtower-luna

Dec 29, 2021

You’re using an absolute path for the CSS file:

  <a href="https://github.com/SingingFoot/ptakh/blob/04599b4361230fe5aa6812072694ff7e1eddf83b/index.html#L7" target="_blank" rel="noopener">github.com</a>

SingingFoot/ptakh/blob/04599b4361230fe5aa6812072694ff7e1eddf83b/index.html#L7

    
      
          <!DOCTYPE html>
          <html>
             <head>
                <meta charset="UTF-8">
                <meta http-equiv="X-UA-Compatible" content="IE=edge">
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
                <link rel="stylesheet" href="/css/style.css">
                <title>Згодуй птахові ногу свою!</title>
             </head>
    …

View full answer

airtower-luna · 2021-12-29T19:47:24Z

airtower-luna
Dec 29, 2021

You’re using an absolute path for the CSS file:

  <a href="https://github.com/SingingFoot/ptakh/blob/04599b4361230fe5aa6812072694ff7e1eddf83b/index.html#L7" target="_blank" rel="noopener">github.com</a>

SingingFoot/ptakh/blob/04599b4361230fe5aa6812072694ff7e1eddf83b/index.html#L7

    
      
          <!DOCTYPE html>
          <html>
             <head>
                <meta charset="UTF-8">
                <meta http-equiv="X-UA-Compatible" content="IE=edge">
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
                <link rel="stylesheet" href="/css/style.css">
                <title>Згодуй птахові ногу свою!</title>
             </head>
             <body>
                <div class="container">
                   <h1 class="title">Зміст</h1> 
                <ul>
                   <li><p><a href="1.html" class="href">Частина перша</a></p></li>
                   <li><p><a href="2.html" class="href">Частина друга</a></li>
                   <li><p><a href="3.html" class="href">Частина третя</a></p></li>
                   <li><p><a href="4.html" class="href">Частина четверта</a></p></li>

That breaks because your page isn’t at the root of the server. Change it to a relative URL (without the leading /) so it works as long as the relative position of your HTML and CSS files is the same.

0 replies

SingingFoot · 2021-12-29T19:51:11Z

SingingFoot
Dec 29, 2021
Author

Thanks! That helped!

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

GitHub Community

ERR_ABORTED 404 error #23616

{{title}}

Replies: 2 comments

{{title}}

{{title}}

Select a reply

GitHub Community

ERR_ABORTED 404 error #23616

SingingFoot Dec 29, 2021

SingingFoot/ptakh/blob/04599b4361230fe5aa6812072694ff7e1eddf83b/index.html#L7

Replies: 2 comments

airtower-luna Dec 29, 2021

SingingFoot/ptakh/blob/04599b4361230fe5aa6812072694ff7e1eddf83b/index.html#L7

SingingFoot Dec 29, 2021 Author

SingingFoot
Dec 29, 2021

airtower-luna
Dec 29, 2021

SingingFoot
Dec 29, 2021
Author