我的CSS无法正确应用我的PHP包含文件

时间：2018-02-22 22:57:18

标签： 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文档的链接，它包含所有包含或包含在其他包含的位置，（例如，mainmenu.php包含在标题中，标题是包括在主页中包括sidebar和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

3 个答案:

答案 0 :(得分：1)

尽管CSS文件的链接位于您包含的某个文件中，但该部分代码包含在/成为主页面文件的一部分，这是/在根目录中，因此CSS文件从那里引用 （即从根目录）。所以，而不是这个

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

您必须将其放在header.php文件中：

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

这是根目录中的正确文件路径。

答案 1 :(得分：0)

  

但是我的CSS文件没有正确应用对文件的更改，我似乎无法找到问题。

听起来像是一个缓存问题，回收它可以像下面这样简单： <link rel="stylesheet" href="../css/stilmall.css?<?php echo time(); ?>" type="text/css">

这将读取CSS文件将被反复读取，持续毫秒运行（构建HTML页面时）

最后答案。 该问题已通过主要职位的评论得到修复：

缓存，文件目录和CSS属性都存在问题。使用Float但不会产生视觉冲击，而是使用background确认一切正常。

答案 2 :(得分：0)

您的文件路径错误，请在文件路径中删除<link rel="stylesheet" href="css/stilmall.css" type="text/css"> 。

尝试使用：

session.save_path
相关问题
最新问题