我最近发表了一篇关于一个问题的文章,但是我将代码与图片链接起来而不是正确地添加了代码,并且我不清楚我的问题,因此人们在Stackoverflow上将其标记为另一个问题的重复,但是那个问题不是“关于我所遇到的同一问题,因此我在这里发表了一篇正确的文章,以尝试解决我的问题。
我用页面和php include文件构建了框架。
但是我的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中的include)
<?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,标头包含在标头中)。在其中包含诸如侧边栏和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文件没有将更改正确地应用于文件,因此我似乎找不到问题。
对我来说,这听起来像是一个缓存问题,获取它可以很容易:<link rel="stylesheet" href="../css/stilmall.css?<?php echo time(); ?>" type="text/css">
这样读取的CSS文件将被读取一遍又一遍(通过构建HTML页面的时间)
最终答案。
通过主要帖子的评论已解决此问题:
缓存,文件目录和CSS属性都存在问题。使用了Float,但不会产生视觉影响,而是使用background
确认一切正常。
关于php - 我的CSS不适用于我的PHP包含文件,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/48938598/