Navigation menu not redirecting to subpages

Question

I've started html basics and I'm trying to do simple nav menu with 3 sites like this (index on the bottom is main page and these in "podstrona" folders are subpages):

My code looks just like this:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style/style.css" />
<meta charset="UTF-8">
<title>Podstrony</title>
</head>
<body>

<ul id="menu_lista">  
 <li><a href="index.html">Strona Główna</a></li>  
 <li><a href="/podstrona1/index.html">Podstrona nr 1</a></li>  
 <li><a href="/podstrony/podstrona2/index.html">Podstrona nr 2</a></li> 
</ul>  


</body>
</html>

I tried different paths as you can see but no one can bring me to any subpage. What should I type to get to them? I searched in web but I didn't find anything helpful with this.

We have no idea how your HTTP server is mapping URLs onto directories. We don't know where your DocumentRoot is. — Quentin, Feb 07 '18 at 13:03
Note: `` does not use or need a closing slash and never has. — Rob, Feb 07 '18 at 13:04
Remove the `/` from the beginning of the second path and `/podstrony/` from the third. — Federico klez Culloca, Feb 07 '18 at 13:04
@Rob — It is required in XHTML. It is allowed (but pointless) in HTML 5. — Quentin, Feb 07 '18 at 13:07
Thank you Federico, i didn't think about removing / before path. Now it works perfectly :) — justme, Feb 07 '18 at 13:08
Possible duplicate of [Absolute vs relative URLs](https://stackoverflow.com/questions/2005079/absolute-vs-relative-urls) — Bram Vanroy, Feb 07 '18 at 13:18

score 0 · Accepted Answer · answered Feb 07 '18 at 13:06

You're in podstrony, remove the first slash of the 1st link, and the /podstrony/ from the 2d.

When you leave the slash, it means your page will search at the root directory of your server. Without it, the path is relative to the current file path.

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style/style.css" />
<meta charset="UTF-8">
<title>Podstrony</title>
</head>
<body>

<ul id="menu_lista">  
    <li><a href="index.html">Strona Główna</a></li>  
    <li><a href="podstrona1/index.html">Podstrona nr 1</a></li>  
    <li><a href="podstrona2/index.html">Podstrona nr 2</a></li> 
</ul>  


</body>
</html>

Navigation menu not redirecting to subpages

1 Answers1