Php 不保留菜单格式

我在一个menu.php中编写了一个菜单，并将其调用到另一个文件。为了减少代码，我只包含了看起来最少/足够的内容

这是主页样式中的定义

#menu{position:absolute;top:100;left:260;height:40;width:490;}

这就是我调用menu.php的地方

<div id="menu"><?php include("menu.php")?></div>

---

问题是字体大小和颜色没有保留在主文件中，而它仅在menu.php中工作。有什么建议吗？

当您包含包含其他文件的php文件时，您必须编写css的完整路径

另外一个建议是使用诸如chrome inspector之类的工具来查看是否正确加载了所有文件

例如：

不要这样做

<?php
 <link rel="stylesheet" type="text/css" href="../css/style.css">
?>

取而代之的是

<?php
 <link rel="stylesheet" type="text/css" href="/website/css/style.css">
?>

---

这是一种将常用内容添加到文件中的非常规方法。通过将html添加到函数中并随意调用它，可以使它更加灵活

function displayNav()
{

    echo "<ul id='menubar'>
             <li><a href=#>HOME</a></li>
             <li><a href=#>NEWS</a></li>
             <li><a href=#>RESOURCES</a></li>
             <li><a href=#>ABOUT US</a></li>
          </ul>";
}

函数displayNav（）
{
echo“





”；
}

您可以根据需要为其他常用内容添加更多功能

---

此外，我建议将css移到外部样式表中；这将使维护和提高标记页面的可读性变得更容易。

虽然用单行编写css是一种不好的做法，但不要理会它。您的css规则是在样式标记中还是在css样式表上？可能还有其他css在您的css中。使用镀铬元素检查器或ff.in样式标签中的firebug进行检查。最后一种样式在menu.php中。上面的一个在index.php中。你需要更好地组织所有代码，这样会更容易调试。将它们全部包含在样式表中，您应该能够对其进行检查。在firefox中使用firebug！

<?php
 <link rel="stylesheet" type="text/css" href="/website/css/style.css">
?>

function displayNav()
{

    echo "<ul id='menubar'>
             <li><a href=#>HOME</a></li>
             <li><a href=#>NEWS</a></li>
             <li><a href=#>RESOURCES</a></li>
             <li><a href=#>ABOUT US</a></li>
          </ul>";
}