I'm building my first site using Panic Coda. The folder structure for the local root is user/design/projects/projectName/production/dev/
Dev is the root folder for the site. There is a css folder in the root, and one folder for each page in the site. In the root index.html, the preview works. But for the other index.html files nested in the folders, the css isn't being applied. In the import statement I'm referencing the css folder as "/css/style.css" with the root being the dev folder.
The CSS is only being applied in the root index.html, and ignored on all the other pages. This is my first site and I have no idea what I'm doing wrong.
For the pages outside of the root (in their own folders [which, btw, I wouldn't recommend unless you plan on them being huge sections]), try this for importing the CSS file:
What I prefer to do is simply have a proper naming scheme and have all of the pages within the root. Now, this can change with a 1000+ page site of course. But here's what I normally do:
Things will still be organized and easy to find. Another reason I do this is I usually use a php include at the top of every page that includes meta data, javascript links, and css links.
Dev is the root folder for the site. There is a css folder in the root, and one folder for each page in the site. In the root index.html, the preview works. But for the other index.html files nested in the folders, the css isn't being applied.
In the import statement I'm referencing the css folder as "/css/style.css" with the root being the dev folder.
The CSS is only being applied in the root index.html, and ignored on all the other pages. This is my first site and I have no idea what I'm doing wrong.
Some of the sections have subsections. Is it standard just to have all of the different HTML files for each section in the root folder?
I was just trying to organize them in their own folders, nesting the subsections with the main ones.
section-subsection-pagename.extension
eg:
health.html
health-nutrition.html
health-nutrition-calcium.html
Things will still be organized and easy to find. Another reason I do this is I usually use a php include at the top of every page that includes meta data, javascript links, and css links.