The HTML file is not loading CSS file or images when I try opening it directly by click it but it's loading perfectly when I open it with vs code

Question

When I try to open my html file directly by clicking on it, it's not loading the CSS file or images but when I open it with VS code live server it working fine. The images and stylesheet is on different files

here is the code : <link rel="stylesheet" href="/CSS files/stylesheet.css" type="text/css"> <meta charset="UTF-8">

When you directly click on the html file, go to inspect page and check the link tag you provided. If you hover over the `href` attribute it will show what file location it is pointing to. I think in your case it might be pointing to the wrong location. — kipteam, Aug 09 '23 at 15:00

marcelo · Answer 1 · 2023-08-17T02:03:24.800

0

Try this answer https://stackoverflow.com/a/16643104/22147483. The href attribute in your code appears to use an absolute path.

Edit.: Try adding a './' before the path to the file to use a relative path.

edited Aug 17 '23 at 02:03

answered Aug 09 '23 at 15:12

marcelo

1
2

Link only answers should be updated to include the important/relevant information from the link (in case the link ever breaks in future) – Harrison Aug 13 '23 at 13:24
@Harrison answers edited... – marcelo Aug 17 '23 at 02:04

The HTML file is not loading CSS file or images when I try opening it directly by click it but it's loading perfectly when I open it with vs code

1 Answers1