0

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

这是主页样式的定义。

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

这是我调用 menu.php 的地方

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

这就是我定义菜单的方式。

  <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>

这是 menu.php 中菜单的样式

*{margin:0px;padding:0px;}
body{font-size:120%;font-family:arial;background-color:#D4F1FA;padding:50px;}
ul#menubar{list-style-type:none;}
ul#menubar li{width:120px;text-align:center;position:relative;float:left;}
ul#menubar a{color:#DAECF2;text-decoration:none;display:block; width:120px;height:40px;line-height:40px;background-color:#153945}
ul#menubar li:hover>a{background-color:rgba(20,66,82,0.6);color:#C9E6F0}

问题是字体大小和颜色未保留在仅在 menu.php 中起作用的主文件中。有什么建议么？

4

2 回答 2

1

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

另一个建议是使用 chrome 检查器之类的工具来查看您的所有文件是否正确加载。

例如：

不要做

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

而是做

<?php
 <link rel="stylesheet" type="text/css" href="/website/css/style.css">
?>
于 2013-07-13T19:16:23.613 回答
1

这是一种将公共内容添加到文件中的非正统方式。您可以通过将 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>";
}

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

此外，我建议将您的 css 移动到外部样式表中；它将更容易维护并提高标记页面的可读性。

于 2013-07-13T19:20:06.990 回答