Question

I have a toolbarMenu.php that uses css in a css directory (“css”) from the root folder.

All of my other PHP forms are in a root folder, and planned to re-organize all my PHP form to be move to a new folder called “forms” exluding toolbarMenu.php

After I move my PHP form to sub-directory, I can call this toolbarMenu.php by using include
ex:

<?php include("../toolbar-top.php"); ?>

However, the CSS path broke because it’s trying to look for the css folder inside the forms folder. I don’t want to change the css path from my toolbarMenu.php to “../css/file.css” because I’m also using this php page with the website’s root pages.

Is there a way to preserve the toolbarMenu.php’s css path when it’s being called from a PHP form from another sub-directory?

From Root folder:

Toolbar Menu path: “toolbarMenu.php”

CSS path: “css/cssFile.css”

PHP form calling the ToolbarMenu: “forms/form.php”

I hope I made my question clear 🙂

Thanks!

Answer 1

You can either use an absolute path, eg

<link rel="stylesheet" type="text/css" href="/mySite/css/file.css">

or, if you want to keep it portable, set a dynamic <base> for relative paths. This way you can move your entire app to a sub-directory without breaking reference links, eg

<!-- in HEAD -->
<base href="http://localhost/mySite/">
<link rel="stylesheet" type="text/css" href="css/file.css">