Include page

Links inside include files must be relative to the parent document, not the include file.  And if you don't keep all your site pages at the server's root level (same as your index), things tend to break.

Use site root-relative or absolute links in your include files.

https://helpx.adobe.com/dreamweaver/using/linking-navigation.html

Always an issue with php includes unless ALL of your pages are in the root of the folder. Whats happening is the links to the assets are incorrect AFTER being included in your pages because some of the pages are in folders another level up from where the links to your assets say they are in the php includes.

I tend to use absolute urls in php include files. So in the php include file I set a $url variable for working locally and one for the remote. I uncomment the correct variable for working in the local or remote environments:

<?php

// localhost - $url = "http://localhost/nameOfSiteFolder/"

// remote host - $url = "http://domainName.com/""

?>

Then I assign absolute url paths to the links and the image assets in the php include file:

<li><a href="<?php echo $url; ?>pages/about.php">About Us</a></li>

<img src="<?php echo $url; ?>images/logo.svg" alt="">

You can then store your pages and images in any folder you like in your site folder as the paths to them will always be absolutely assigned instead of relatively assigned.

Only downside is your management skills need to be good as you can sometimes forget to comment out the local $url and uncomment the remote $url when re-uploading the php includes if you make changes to the content in the php include files.