Question

我看过了，但人们给出的答案并没有帮助我解决问题。相当混乱。我正在为我的网站创建一个小项目，我正在尝试将其转换为php以获取页面和更简单的maint。

我想要它的设置方式就像我现在拥有它一样。 Soloentertainment.org但这都是html，每个页面都是自己的Html页面，如果我需要编辑或添加到导航栏或其他任何地方我必须去每个html并更改它。这是一个很大的不，不。所以试图将它转换为PHP，但我遇到的问题，这是奇怪的是，我有它突出你现在的页面。但对于php，Soloentertainment.org/index.php，（我没有所有链接工作，所以项目页面和回合导致html链接）但是应该像原始主页一样突出显示主页。

index.php的代码：

<body bgcolor="#000000" id="home">
    <div align="center">
        <table class="contentTable" >
            <tbody>
                <tr>
                    <td colspan="0" border="0" height="50px" align="center">
                        <?php include("message.php"); ?>
                    </td>
                </tr>
                <tr>
                    <td colspan="0" border="0" height="125px" align="center">
                        <?php include("header.php"); ?>
                    </td>
                </tr>
                <tr>
                            <?php include("navbar.php"); ?>
                </tr>
                    <?php include("home.php");?>

            </tbody>
        </table>
    </div>
</body>

Navbar.php的代码：

                <td id="navbar">
                        <ul>
                            <li onclick="location.href='http://www.soloentertainment.org/index.php';" class="home" title="Home">Home</li>
                            <li class="projects" title="Projects">Projects</li>
                            <li class="about" title="About">About</li>
                            <li>Contact</li>
                        </ul>
                </td>

原始index.html：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="favicon.ico">
<title>Solo Entertainment</title>
</head>
<style>
.contentTable {
width: 795px;
border-left: 10px;
border-left-color: #b7ad6f;
border-right: 10px;
border-right-color: #b7ad6f;
margin: 0px;
padding: 0px;
}
.header {
background-color; #000
background-repeat: no-repeat;
background-position: right;
}
#navbar {
width:100%;
height:30px;
background-color:#000;
}

#navbar ul {
width:50%;
margin:0 auto 0 auto;
}

#navbar ul li {
float:left;
color: #FFF;
padding:0 20px 0 20px;
border:1px solid #FFF;
height:30px;
list-style:none;
display:block;
line-height:30px;
text-align:center;
cursor:pointer;

}

#navbar ul li:hover {
background-color:#CCC;
color: #000;
}

#home #menu .home, #projects #menu .projects {
background-color:#FFF;
color: #111
}


</style>
<body bgcolor="#000000" id="home">
    <div align="center" id="menu">
        <table class="contentTable">
            <tbody>
                <tr>
                    <td colspan="2" border="0" height="55px" align="center">
                        <font color="#FF0000" size="+2">This site is still being built. Please be Patient</font>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" class="header" align="left" border="0" height="125px">
                        <img src="images/solo.png" width="785" height="112" alt="Title" title="Solo Enertainment" border="0">
                    </td>
                </tr>
                <tr>
                    <td id="navbar">
                            <ul>
                                <li onclick="location.href='http://www.soloentertainment.org';" class="home" title="Home">Home</li>
                                <li onclick="location.href='http://www.soloentertainment.org/projects';" class="projects" title="Projects">Projects</li>
                                <li onclick="location.href='http://www.soloentertainment.org/about';" class="about" title="About">About</li>
                                <li>Contact</li>
                            </ul>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" class="header" align="center" border="0" height="100px">

                        <font color="#FFFFFF" size=""> Welcome to Solo Entertainment, One Man One Show.</font>

                    </td>
                </tr>
                                 <tr>
                    <td colspan="2" class="header" align="Center" border="0">

                        <img src="./images/kyleandsteve1280.jpg" width="307" height="245" />
                        <br />
                        <font color="#FFFFFF">Kyle and Steve Save the world.
                        <br />
                        </td>
                </tr>


            </tbody>
        </table>
    </div>
</body>
</html>

现在我不明白为什么Home在html中突出显示而不是为php？

Answer 1

突出显示的css如下所示：

#home #menu .home, #projects #menu .projects {
    background-color: #FFFFFF;
    color: #111111;
}

在您的PHP文件中，.home类的按钮位于#home id的元素下，但没有#menu id的元素。

这是HTML上的部分：

<body bgcolor="#000000" id="home">
<div align="center" id="menu">

这是PHP的一部分：

<body bgcolor="#000000" id="home">
<div align="center">

php ul li class和id

1 个答案: