php - 我的 CSS 没有正确应用于我的 PHP 包含文件

标签 php html css

我最近发了一篇关于一个问题的帖子,但我将我的代码与图片链接而不是正确添加它,而且我不清楚我的问题,所以人们在 stackoverflow 上将它标记为与另一个问题重复,但是问题与我遇到的问题完全不同,所以我在这里发布了一个新的 PROPER 帖子,试图就我的问题获得一些帮助。

我已经用页面和 php 包含文件构建了一个框架。 但是我的 CSS 文件没有正确应用对文件的更改,我似乎找不到问题所在。

下面显示了我的文件是如何排序的:

Root Directory   
 - CSS (folder)
 - Includes (folder)
 - All the main pages

My folders if the explanation above wasnt clear enough (picture)

在这个元素中,首页上的基本代码被拆分到不同的包含文件中,以便能够更改包含文件中的内容并将其应用到任何地方,比如菜单。

我的主页代码: (在那里你可以看到 header.php 的包含,在底​​部可以看到页脚和侧边栏的包含)

 <?php
$page_title = "Startsida";
include("includes/header.php");
?>
<div class="pagecontent"> <!-- sidornas huvudinnehåll -->
<h2>Startsidan</h2>
<h2>Frågor och Svar:</h2>

<h3>Har du tidigare erfarenhet av utveckling med PHP?</h3>
        <p>
            Jag har innan denna kurs inte använt PHP i praktiken utan har genom intresse gjort en mindre del via CodeAcademy. Jag tyckte det var intressant men under denna period kunde jag inget annan språk och då var det ju svårt att faktiskt göra något med den lilla PHP kunskapen jag hade. <br> Det vi gått igenom för denna uppgift är redan mer än vad jag kunde om PHP innan. 
        </p>

<h3>Beskriv kortfattat vad du upplever är fördelarna med att använda PHP för att skapa webbplatser.</h3> 
        <p>
            Jag känner direkt bara genom det man hittils har gjort genom att sätta upp sitt ramverk med hemsidan att det är så mycket mer effektivt. Då jag skulle lägga till alla undersidor till exempel var en enkel ändring på min "mainmenu.php" fil för att ge alla sidor den nya menyn. 
        </p>    

<h3>Hur har du valt att strukturera upp dina filer och kataloger?</h3> 
        <p>
          Jag har strukturerat upp mina filer med index filern och undersidorna i en katalog och sedan de mindre controll filerna såsom header,mainmenu och footer etc har jag lagt i en separat mapp som jag valde att döpa till includes.   
        </p> 

<h3>Har du följt guiden, eller skapat på egen hand?</h3> 
        <p>
           Jag har följt guiden för denna uppgift men kommer nog göra ändringar efter min peronliga smak när jag känner mig säker att göra detta.  
        </p>   

<h3>Har du gjort några förbättringar eller vidareutvecklingar av guiden (om du följt denna)?</h3> 
        <p>
            hittils har jag ej gjort några ändringar i min uppbyggad av webbplatsen från var guiden har visat. 
        </p>  

<h3>Vilken utvecklingsmiljö har du använt för uppgiften (Editor, webbserver (XAMPP, LAMP, MAMP eller liknande) etcetera)?</h3> 
        <p>
            Jag har använt Sublime Text som editor, XAMPP för databas och server.
        </p>  

<h3>Har något varit svårt med denna uppgift?</h3> 
        <p>
            Vid skrivande stund så har jag inte stött på något jag inte kunnat lösa eller som varit för svårt. 
        </p>    

</div>
<?php
include("includes/sidebar.php");
include("includes/footer.php");

header.php 中的代码: (在这里你也可以看到 mainmenu.php 的包含)

<?php include("includes/config.php"); ?>

<!DOCTYPE html>
<html lang="sv">
<head>
    <title><?= $site_title . $divider . $page_title; ?></title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="../css/stilmall.css" type="text/css">
</head>
<body>
    <div id="container">
        <header id="mainheader">
            <h1>PHP Struktur</h1>


               <?php include("includes/mainmenu.php") ?>




        </header>
        </div>

这是 mainmenu.php 的代码

<nav id="mainmenu">
                <ul>
                    <li><a href="index.php">Hem</a></li>
                    <li><a href="undersida1.php">Undersida 1</a></li>
                    <li><a href="undersida2.php">Undersida 2</a></li>
                    <li><a href="undersida3.php">Undersida 3</a></li>
                    <li><a href="undersida4.php">Undersida 4</a></li>
                    <li><a href="undersida5.php">Undersida 5</a></li>
                    <li><a href="undersida6.php">Undersida 6</a></li>
                </ul>
            </nav>

所以基本上其他包含的方式与添加相关代码(如 mainmenu.php)的方式相同。

所以有了这段代码,一切正常。我的包含工作并且链接正确,当我更改任何包含中的代码时,它会在包含文件出现在任何页面上的代码中的任何地方发生更改,就像它应该的那样。

但是为什么我的 CSS 没有被正确应用?

正如我所看到的,我在标题中指向 css 文档的链接,它包含所有包含或包含在其他 inlcudes 出现的位置,(例如 mainmenu.php 包含在标题中,标题是包含在主页中,其中包含侧边栏和 footer.php 等内容。

所以这意味着我的 css 代码应该影响 header.php,因为它在那里链接,它应该影响 header.php 中的所有其他包含?

为什么我的 CSS 代码没有被应用?我看在上帝的份上,看不出错误在哪里。

评论要求的主页源代码:

<!DOCTYPE html>
<html lang="sv">
<head>
    <title>Min webbplats | Startsida</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="../css/stilmall.css" type="text/css">
</head>
<body>
    <div id="container">
        <header id="mainheader">
            <h1>PHP Struktur</h1>


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

<nav id="mainmenu">
                <ul>
                    <li><a href="index.php">Hem</a></li>
                    <li><a href="undersida1.php">Undersida 1</a></li>
                    <li><a href="undersida2.php">Undersida 2</a></li>
                    <li><a href="undersida3.php">Undersida 3</a></li>
                    <li><a href="undersida4.php">Undersida 4</a></li>
                    <li><a href="undersida5.php">Undersida 5</a></li>
                    <li><a href="undersida6.php">Undersida 6</a></li>
                </ul>
            </nav>



        </header>
        </div>

<div class="pagecontent"> <!-- sidornas huvudinnehåll -->
<h2>Startsidan</h2>
<h2>Frågor och Svar:</h2>

<h3>Har du tidigare erfarenhet av utveckling med PHP?</h3>
        <p>
            Jag har innan denna kurs inte använt PHP i praktiken utan har genom intresse gjort en mindre del via CodeAcademy. Jag tyckte det var intressant men under denna period kunde jag inget annan språk och då var det ju svårt att faktiskt göra något med den lilla PHP kunskapen jag hade. <br> Det vi gått igenom för denna uppgift är redan mer än vad jag kunde om PHP innan. 
        </p>

<h3>Beskriv kortfattat vad du upplever är fördelarna med att använda PHP för att skapa webbplatser.</h3> 
        <p>
            Jag känner direkt bara genom det man hittils har gjort genom att sätta upp sitt ramverk med hemsidan att det är så mycket mer effektivt. Då jag skulle lägga till alla undersidor till exempel var en enkel ändring på min "mainmenu.php" fil för att ge alla sidor den nya menyn. 
        </p>    

<h3>Hur har du valt att strukturera upp dina filer och kataloger?</h3> 
        <p>
          Jag har strukturerat upp mina filer med index filern och undersidorna i en katalog och sedan de mindre controll filerna såsom header,mainmenu och footer etc har jag lagt i en separat mapp som jag valde att döpa till includes.   
        </p> 

<h3>Har du följt guiden, eller skapat på egen hand?</h3> 
        <p>
           Jag har följt guiden för denna uppgift men kommer nog göra ändringar efter min peronliga smak när jag känner mig säker att göra detta.  
        </p>   

<h3>Har du gjort några förbättringar eller vidareutvecklingar av guiden (om du följt denna)?</h3> 
        <p>
            hittils har jag ej gjort några ändringar i min uppbyggad av webbplatsen från var guiden har visat. 
        </p>  

<h3>Vilken utvecklingsmiljö har du använt för uppgiften (Editor, webbserver (XAMPP, LAMP, MAMP eller liknande) etcetera)?</h3> 
        <p>
            Jag har använt Sublime Text som editor, XAMPP för databas och server.
        </p>  

<h3>Har något varit svårt med denna uppgift?</h3> 
        <p>
            Vid skrivande stund så har jag inte stött på något jag inte kunnat lösa eller som varit för svårt. 
        </p>    

</div>
<div id="sidebar">
            <h2>Höger kolumn</h2>
            <p>Här är en "sidebar", som är lika för alla undersidor.</p>

        </div><footer id="mainfooter">
            <p>Här är webbplatsens sidfot. Samma för alla undersidor.</p>
        </footer><!-- /mainfooter -->

I saw this error in the browser now

最佳答案

虽然指向 CSS 文件的链接在您包含的文件之一中,但包含在/中的那部分代码成为主页文件的一部分,它位于根目录中,因此 CSS 文件从那里被引用(即从根目录)。所以,而不是这个

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

你必须把它放在你的header.php文件中:

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

这是从根目录开始的正确文件路径。

关于php - 我的 CSS 没有正确应用于我的 PHP 包含文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48938598/

相关文章:

php - AJAX (prototype/php) 在脚本执行期间获取部分状态更新

php - 如何同时使用xampp和mysql服务器

css - 文本在居中的 DIV 中对齐

javascript - 将 ondragstart 处理程序添加到动态创建的图像

javascript - 在html页面中显示数组列表中相同类别的项目

CSS 媒体查询,仅定位大于手机的屏幕

php - 您不使用外键的原因是什么? [PHP + MySQL]

PHP + MySQL : Finding total of values by recursing through mySQL parent children groups

javascript - 将列表拆分为两列。列表没有 block ,但需要在最近的 <p> 标签上拆分

html - 将 Bootstrap 中的表格单元格调整为内容