Php 如何显示页眉菜单中所选页面的行下_Php_Html_Css

Php 如何显示页眉菜单中所选页面的行下

php html css

Php 如何显示页眉菜单中所选页面的行下,php,html,css,Php,Html,Css,我想显示在标题菜单中所选页面的下一行。头文件是一个用于所有人的文件。是Header.php <div id="navbar" class="collapse navbar-collapse"> <ul class="nav navbar-nav" id="nav"> <li class="<?php (basename($_SERVER['PHP_SELF'], "index.php") !== false) ? 'active' : '' ?>

我想显示在标题菜单中所选页面的下一行。头文件是一个用于所有人的文件。是Header.php

<div id="navbar" class="collapse navbar-collapse">
 <ul class="nav navbar-nav" id="nav">
   <li class="<?php (basename($_SERVER['PHP_SELF'], "index.php") !== false) ? 'active' : '' ?>"><a href="index.php">Home</a></li>
<li class="<?php (strpos($_SERVER['REQUEST_URI'], "jobsList") !== false) ? 'active' : '' ?>"><a href="jobsList.php?id=3">Bank Job</a></li>
<li class="<?php (strpos($_SERVER['REQUEST_URI'], "boardResult") !== false) ? 'active' : '' ?>"><a href="boardResult.php">Board Result</a></li>
<li class="<?php (strpos($_SERVER['REQUEST_URI'], "AdmitCard") !== false) ? 'active' : '' ?>"><a href="AdmitCard.php">Admit Card</a></li>
<li class="<?php (strpos($_SERVER['REQUEST_URI'], "AnsKey") !== false) ? 'active' : '' ?>"><a href="AnsKey.php">Answer Key </a></li>
<li class="<?php (strpos($_SERVER['REQUEST_URI'], "TimeTable") !== false) ? 'active' : '' ?>"><a href="TimeTable.php">Time Table </a></li>

</ul>
</div>



您可以在此处设置边框底部
属性示例
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
 li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
 }
li a:hover:not(.active) {
background-color: #111;
}
.active {
background-color: #4CAF50;
border-bottom: 5px solid blue;
}
</style>
</head>
<body>

 <ul>
 <li><a class="active" href="#home">Home</a></li>
 <li><a href="#news">News</a></li>
 <li><a href="#contact">Contact</a></li>
 <li><a href="#about">About</a></li>
 </ul>
</body>
</html>


保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
}
李{
浮动：左；
}
李阿{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
li a:悬停：未（.active）{
背景色：#111；
}
.主动{
背景色：#4CAF50；
边框底部：5px纯蓝色；
}






我知道你可以使用PHP
您可以检查URL上的当前URI，如果它匹配，则在所需的li
上添加类“active”，以添加下划线样式：）
这将完成以下工作：
HTML
<div id="navbar" class="collapse navbar-collapse">
 <ul class="nav navbar-nav" id="nav">
    <li class="<?php echo (strpos($_SERVER['REQUEST_URI'], "index") !== false) ? 'active' : '' ?>"><a href="index.php">Home</a></li>
    <li class="<?php echo (strpos($_SERVER['REQUEST_URI'], "jobsList") !== false) ? 'active' : '' ?>"><a href="jobsList.php?id=3">Bank Job</a></li>
    <li class="<?php echo (strpos($_SERVER['REQUEST_URI'], "boardResult") !== false) ? 'active' : '' ?>"><a href="boardResult.php">Board Result</a></li>
    <li class="<?php echo (strpos($_SERVER['REQUEST_URI'], "AdmitCard") !== false) ? 'active' : '' ?>"><a href="AdmitCard.php">Admit Card</a></li>
    <li class="<?php echo (strpos($_SERVER['REQUEST_URI'], "AnsKey") !== false) ? 'active' : '' ?>"><a href="AnsKey.php">Answer Key </a></li>
    <li class="<?php echo (strpos($_SERVER['REQUEST_URI'], "TimeTable") !== false) ? 'active' : '' ?>"><a href="TimeTable.php">Time Table </a></li>
 </ul>
</div>

检查当前URL是否与链接匹配我不知道如何做，如何检查先生？？？使用内联css添加边框来解决此问题谢谢您的支持。访问我的页面：我希望css与上的相同hover@Meenapatel现在它应该可以工作了，对不起，我现在有点困，我错过了一些元素。类未添加。为什么？我同意@B.Desai编辑，这是另一个愚蠢的错误，我会去睡觉：）现在检查@Meenapatel@Meenapatel我们不是来做你所有的工作的，我们可以为你提供一个解决问题和检查代码错误的正确方法，但其余的都是你的，我想我们已经向你展示了如何在li上添加活动类，现在轮到你了，如果你被卡住了，就提出一个新问题。
<li class="<?= (strpos($_SERVER['REQUEST_URI'], "index") !== false) ? 'active' : '' ?>"><a href="index.php">Home</a></li>

#nav li.active a {
  /* Apply the styles you want on the active anchors*/
  border-bottom: 1px solid red;
}