0

此菜单显示我希望它在 Dreamweaver cs6 上的实时视图中如何显示。

当我在任何浏览器中查看它时，它没有应用 css 的一部分，我不明白为什么？

这是html：

<div id="header" class="clear">

     <ul id="nav">
            <li<a href="#">REHABS</li></a>
            <li<a href="#">BUSES</li></a>
            <li<a href="#">TESTIMONIES</li></a>
            <li<a href="#"><img src="images/logo.png"/></li></a>
            <li<a href="#">SCHOOLS</li></a>
            <li<a href="#">EVENTS</li></a>
            <li<a href="#">FUNDING</li></a>
     </ul>

和CSS：

#header {
height: 100px; padding: 20px 0 0 0; width: 960px; margin: 0 auto;

}

#header ul#nav {
list-style: none; margin: 30px auto;

}

#header ul#nav li {
    float: left; padding: 0 0 0 20px; margin: 0 15px 0 0;   
}

#header ul#nav a img {position:relative; bottom:35px; margin: 0 0 80px 0;}

    #header ul#nav li:first child { background:none; }

        #header ul#nav li a {
            font-size: 21px; color: #e9e9e9; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold;
        }

            #header ul#nav li a:hover, #header ul#nav1 li a.active {
                color: #4eb1ba;
            }

任何帮助将不胜感激 ：）

4

2 回答 2

2

你没有关闭你的开口<li>并且你的嵌套是无效的（你在关闭</a> 后关闭</li>了它应该是相反的方式 - 尝试更改为：

<div id="header" class="clear">

 <ul id="nav">
        <li><a href="#">REHABS</a></li> <!-- You had <li instead -->
        <li><a href="#">BUSES</a></li>
        <li><a href="#">TESTIMONIES</a></li>
        <li><a href="#"><img src="images/logo.png"/></a></li>
        <li><a href="#">SCHOOLS</a></li>
        <li><a href="#">EVENTS</a></li>
        <li><a href="#">FUNDING</a></li>
 </ul>

你的 CSS 看起来不错，所以我假设这是你的问题。

于 2013-04-24T15:37:53.160 回答
1

此外，您应该在 li 标签内放置锚点

<li><a href="#">TESTIMONIES</a></li>
于 2013-04-24T15:46:47.593 回答